@charset "utf-8";
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
html, body {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	font-size: 14px;
	background: #FFFFFF;
	color: #3e3e3e;
	overflow-x: hidden;
}
body, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img {
	border: medium none;
	margin: 0;
	padding: 0;
	outline: none;
}
body, button, input, select, textarea {
	font: 14px LatoLight, '微软雅黑', "Microsoft YaHei", tahoma, Srial, helvetica, sans-serif;
	outline: none;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-webkit-overflow-scrolling: touch;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
}
ul, ol, li {
	list-style: none;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
p {
	margin: 0;
}
img {
	border: 0px;
	display: block;
	max-width: 100%;
}
table {
	border-spacing: 0px;
	border-collapse: collapse;
}
tr {
	cursor: pointer;
}
input {
	border: 0;
}
textarea {
	resize: none;
	padding: 0;
}
::selection {
	background: #e4d393;
	color: #fff;
}
::-moz-selection {
background: #e4d393;
}
.clear {
	clear: both;
}
.scroll_cs {
	position: fixed;
	top: 0;
	color: #000;
	font-size: 36px;
	z-index: 999;
	left: 0;
}
.Hover_off {
}
.scrollbar {
	overflow: auto;
}
.scrollbar::-webkit-scrollbar {
width: 20px;
height: 10px;
border-radius: 4px;
}
.scrollbar::-webkit-scrollbar-track {
background: #6c6c6c;
}
.scrollbar::-webkit-scrollbar-thumb {
background: #af1212;
border-radius: 4px;
}
.scrollbar::-webkit-scrollbar-corner {
background: #82AFFF;
}
.scrollbar::-webkit-scrollbar-resizer {
background: #FF0BEE;
}
.content1000 {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	height: auto;
	z-index: 2;
}
/*****************************/


/*IEtips*/

.IEtips {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	background: url(../images/ieBG.png);
	display: none;
}
.IEtips_Box {
	width: 1000px;
	background: #FAFAFA;
	height: 500px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -250px 0 0 -500px;
}
.IEtips .Browser {
	margin-top: 35px;
}
.IEtips .IEtips_title {
	font-size: 36px;
	width: 80%;
	margin: 0 auto;
	padding-top: 35px;
}
.IEtips .Browser ul {
	overflow: hidden;
	text-align: center;
	width: 80%;
	margin: 0 auto;
	font-size: 0;
}
.IEtips .Browser ul li {
	margin: 0 40px;
	text-align: center;
	width: 120px;
	display: inline-block;
	vertical-align: top;
}
.IEtips .Browser ul li img {
	width: 100px;
	margin: 0 auto;
}
.IEtips .Browser ul li a, .IEtips .Browser ul li span {
	display: block;
	margin-top: 25px;
	color: #2570e1;
	font-size: 16px;
	transition: all .5s;
	-webkit-transition: all .5s;
}
.IEtips .Browser ul li a:hover {
	color: #800886;
}
.IEtips .brn_off {
	background: url(../images/brn_off.png);
	height: 32px;
	width: 32px;
	position: absolute;
	top: 5px;
	right: 5px;
	cursor: pointer;
}
/***mobile*********/

#navToggle {
	position: fixed;
	z-index: 101;
	top: 30px;
	right: 30px;
	width: 40px;
	height: 40px;
	cursor: pointer;
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
	padding: 5px;
	background: #fff;
	border: 1px solid #eee;
}
#navToggle span {
	position: absolute;
	top: 9px;
	display: block;
	width: 26px;
	height: 3px;
	border: 0px solid #d5c896;
	background-color: #045c39;
	-webkit-transition: top 0.2s 0.2s, background 0.2s, opacity 0s 0.2s, -webkit-transform 0.2s;
	transition: top 0.2s 0.2s, background 0.2s, opacity 0s 0.2s, -webkit-transform 0.2s;
	transition: top 0.2s 0.2s, transform 0.2s, background 0.2s, opacity 0s 0.2s;
	transition: top 0.2s 0.2s, transform 0.2s, background 0.2s, opacity 0s 0.2s, -webkit-transform 0.2s;
}
#navToggle span:nth-of-type(2), #navToggle span.span2 {
	top: 18px;
}
#navToggle span:nth-of-type(3), #navToggle span.span3 {
	top: auto;
	bottom: 10px;
	-webkit-transition: bottom 0.2s 0.2s, background 0.2s, -webkit-transform 0.2s;
	transition: bottom 0.2s 0.2s, background 0.2s, -webkit-transform 0.2s;
	transition: bottom 0.2s 0.2s, transform 0.2s, background 0.2s;
	transition: bottom 0.2s 0.2s, transform 0.2s, background 0.2s, -webkit-transform 0.2s;
}
#navToggle.expanded {
	border-color: #aaa;
}
#navToggle.expanded span:nth-of-type(1), #navToggle.expanded span.span1 {
	top: 19px;
	transform: rotate(45deg);
	transition: top 0.2s, transform 0.2s 0.2s, background 0.2s;
	-webkit-transform: rotate(45deg);
	-webkit-transition: top 0.2s, -webkit-transform 0.2s 0.2s, background 0.2s;
}
#navToggle.expanded span:nth-of-type(2), #navToggle.expanded span.span2 {
	opacity: 0;
	transition: opacity 0.2s;
	-webkit-transition: opacity 0.2s;
}
#navToggle.expanded span:nth-of-type(3), #navToggle.expanded span.span3 {
	bottom: 18px;
	transform: rotate(-45deg);
	transition: bottom 0.2s, transform 0.2s 0.2s, background 0.2s;
	-webkit-transform: rotate(-45deg);
	-webkit-transition: bottom 0.2s, -webkit-transform 0.2s 0.2s, background 0.2s;
}
#mobileNav.expanded {
	display: block;
	top: 0;
}
#mobileNav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	background: #f7f4e8;
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	transition: cubic-bezier(0.92, 0.1, 0.25, 1) 0.8s;
	-webkit-transition: cubic-bezier(0.92, 0.1, 0.25, 1) 0.8s;
}
#mobileNav.cur {
	transform: translateY(0);
	-webkit-transform: translateY(0);
}
#mobileNav ul {
	margin-top: 44px;
	background: #e5dec3;
}
#mobileNav ul li {
	line-height: 40px;
	font-size: 16px;
	text-align: center;
	border-bottom: 1px solid #e1dabc;
	border-top: 1px solid #ece6cc;
}
#mobileNav ul li a {
	display: block;
	height: 100%;
	color: #fff;
}
/*置顶*/


/*表单判断显示*******************/

.err-text {
	position: absolute;
	font-size: 14px;
	color: red;
	bottom: -20px;
	left: 10px;
}
.btn_Prompt {
	position: absolute;
	bottom: 15px;
	right: 10px;
	width: 20px;
	height: 20px;
	display: block;
}
.btn_Prompt.error {
	background: url(../images/btn_error.png) no-repeat;
}
.btn_Prompt.empty {
	background: url(../images/btn_empty.png) no-repeat;
}
.btn_Prompt.Correct {
	background: url(../images/btn_Correct.png) no-repeat;
}
.input-box.err input, .input-box.err textarea, .input-box.err select {
	border: 1px solid #ff0000 !important;
}
/**********************/


/*newsDel*/

.model_news_detail {
	max-width: 1020px;
	margin: auto;
	padding-bottom: 50px;
	position: relative;
	padding: 0 10px;
	z-index: 1;
}
.model_news_detail .back {
	width: 100%;
	height: 50px;
	position: relative;
}
.model_news_detail .back a {
	display: block;
	width: 150px;
	height: 40px;
	color: #bb341e;
	line-height: 40px;
	text-align: center;
	position: absolute;
	top: 20px;
	right: 0px;
	border: 1px solid #bb341e;
}
.model_news_detail .back a:hover {
	background: #bb341e;
	color: #FFFFFF;
}
.model_news_detail .title {
	width: 100%;
	height: auto;
	line-height: 35px;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	padding: 35px 5% 15px 5%;
}
.model_news_detail .summary {
	width: 100%;
	height: auto;
	line-height: 20px;
	font-size: 12px;
	text-align: center;
	color: #666666;
	padding-bottom: 15px;
	border-bottom: 1px dotted #ccc;
}
.model_news_detail .detailContent {
	width: 100%;
	min-height: 300px;
	margin: 25px 0px;
	line-height: 32px;
	text-indent: 28px;
	color: #3E3E3E;
}
.model_news_detail .detailContent img {
	text-indent: 0px;
	max-width: 100%;
	margin: 15px auto;
	display: block;
}
.model_news_detail .newShare {
	width: 100%;
	height: 25px;
	position: relative;
	margin: 15px 0px 35px 0px;
}
.model_news_detail .newShare strong {
	float: right;
	margin-right: 10px;
}
.model_news_detail .detailPage {
	width: 100%;
	height: auto;
}
.model_news_detail .detailPage div a {
	font-weight: normal;
}
.model_news_detail .detailPage div {
	width: 100%;
	line-height: 20px;
	border-bottom: 1px dotted #ccc;
	font-size: 14px;
	height: auto;
	padding: 5px 0px;
	font-weight: bold;
}
/*清除浮动*/

.clearBoth:after {
	display: block;
	content: "";
	clear: both;
}
#mobileNav {
	display: none;
}
.wd1350 {
	width: 1350px;
	margin: 0 auto;
}
/*shade*/

.shade {
	position: fixed;
	z-index: 100;
	width: 100%;
	height: 100%;
}
.shade .shade-top, .shade .shade-bottom {
	position: absolute;
	width: 100%;
	height: 50%;
	background: #fff;
	top: 0%;
	transition: all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;
	-webkit-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;
	-moz-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;
	-o-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;
	z-index: 1;
}
.shade .shade-bottom {
	top: auto;
	bottom: 0%;
}
.shade .loading {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: block;
	z-index: 2;
}
.shade.show {
	visibility: hidden;
}
.shade.show .loading {
	display: none;
}
.shade.show .shade-top {
	top: -50%;
}
.shade.show .shade-bottom {
	bottom: -50%;
}
/*header*/

header {
	position: fixed;
	top: 0;
	height: auto;
	left: 0;
	width: 100%;
	background: transparent;
	z-index: 10;
	text-align: center;
}
header .nav-top {
	position: relative;
	z-index: 4;
	height: 100px;
	transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
	-moz-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
}
header .nav-top .logo {
	display: inline-block;
	height: 100%;
}
header .nav-top .logo img {
	height: 90%; /*margin-top: 5%;*/
}
header .nav-top .memu {
	position: absolute;
	right: 0;
	top: 0;
	width: 70px;
	height: 100%;
	line-height: 100px;
	margin-right: 70px;
	transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
	-moz-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
}
header .nav-top .memu #navToggle {
	position: absolute;
	background: transparent;
	left: -50px;
	border: none;
	top: 32px;
	transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
	-moz-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
}
header .nav-top .memu #navToggle span {
	background: #fff;
	width: 30px;
}

@media only screen and (min-width:1200px) {
header .nav-top .memu:hover {
	margin-right: 75px;
}
header .nav-top .memu:hover #navToggle {
	left: -45px;
}
}
header .nav-top .img1 {
	display: inline-block;
	vertical-align: middle;
}
header .nav-top .img2 {
	display: none;
}
header.toTop {
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}
header.toTop .nav-top {
	background: #fff;
	height: 70px;
}
header.toTop .nav-top .logo img {/*width: 66px;*/
	height: 90%;
}
header.toTop .memu {
	line-height: 70px;
}
header.toTop .memu #navToggle {
	top: 17px;
}
header.toTop .memu #navToggle span {
	background: #5d5d5d;
}
header.toTop .img2 {
	display: inline-block;
	vertical-align: middle;
}
header.toTop .img1 {
	display: none;
}
header.navOpen {
	height: 100%;
	background: rgba(255, 255, 255, 0.6);
}
/*header.navOpen .nav-top .logo img{width: 66px;height: 90%;}*/
header.navOpen .nav-top {
	height: 70px;
}
header.navOpen .memu {
	line-height: 70px;
}
header.navOpen .memu #navToggle {
	top: 17px;
}
header.navOpen .memu #navToggle span {
	background: #5d5d5d;
}
header.navOpen .img2 {
	display: inline-block;
}
header.navOpen .img1 {
	display: none;
}
header.navOpen .nav {
	top: 0;
}
header.navOpen .nav .line {
	width: 100%;
	transition: all 1.2s ease 0.3s;
	-webkit-transition: all 1.2s ease 0.3s;
	-moz-transition: all 1.2s ease 0.3s;
	-o-transition: all 1.2s ease 0.3s;
}
header.navOpen .nav ul li {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
	-moz-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
}
header.navOpen .nav ul li:nth-of-type(1) {
	transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
}
header.navOpen .nav ul li:nth-of-type(2) {
	transition-delay: 0.4s;
	-webkit-transition-delay: 0.4s;
	-moz-transition-delay: 0.4s;
	-o-transition-delay: 0.4s;
}
header.navOpen .nav ul li:nth-of-type(3) {
	transition-delay: 0.5s;
	-webkit-transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	-o-transition-delay: 0.5s;
}
header.navOpen .nav ul li:nth-of-type(4) {
	transition-delay: 0.6s;
	-webkit-transition-delay: 0.6s;
	-moz-transition-delay: 0.6s;
	-o-transition-delay: 0.6s;
}
header.navOpen .nav ul li:nth-of-type(5) {
	transition-delay: 0.7s;
	-webkit-transition-delay: 0.7s;
	-moz-transition-delay: 0.7s;
	-o-transition-delay: 0.7s;
}
header.navOpen .nav ul li:nth-of-type(6) {
	transition-delay: 0.8s;
	-webkit-transition-delay: 0.8s;
	-moz-transition-delay: 0.8s;
	-o-transition-delay: 0.8s;
}
header.navOpen .nav ul li:nth-of-type(7) {
	transition-delay: 0.9s;
	-webkit-transition-delay: 0.9s;
	-moz-transition-delay: 0.9s;
	-o-transition-delay: 0.9s;
}
header.navOpen .nav ul li:nth-of-type(8) {
	transition-delay: 1.0s;
	-webkit-transition-delay: 1.0s;
	-moz-transition-delay: 1.0s;
	-o-transition-delay: 1.0s;
}
header .nav {
	background: #fff;
	padding: 100px 20px 0;
	position: absolute;
	top: -540px;
	height: 540px;
	left: 0;
	z-index: 1;
	width: 100%;
	transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	text-align: center;
}
header .nav .line {
	height: 1px;
	width: 0;
	background: #dedede;
}
header .nav .nav-ul1 {
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
}
header .nav .nav-ul1 li {
	float: left;
	padding: 30px 0;
	width: 200px;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: translateY(40%);
	-ms-transform: translateY(40%);
	-o-transform: translateY(40%);
	transform: translateY(40%);
	text-align: center;
}
header .nav .nav-ul1 li a {
	display: block;
	position: relative;
	font-size: 16px;
	color: #5D5D5D;
}
header .nav .nav-ul2 {
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	margin-top: 20px;
}
header .nav .nav-ul2 li {
	float: left;
	width: 200px;
	text-align: center;
	padding: 5px 60px;
	overflow: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: translateY(40%);
	-ms-transform: translateY(40%);
	-o-transform: translateY(40%);
	transform: translateY(40%);
}
header .nav .nav-ul2 li a {
	height: 30px;
	width: 200px;
	line-height: 30px;
	font-size: 13px;
	padding-bottom: 2px;
	overflow: hidden;
	position: relative;
	color: #999;
	padding: 0 5px;
	text-align: left!important;
}
header .nav .nav-ul2 li a:after {
	position: absolute;
	content: "";
	width: 100%;
	left: -100%;
	height: 1px;
	background: #999;
	bottom: 1px;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
}
header .nav .nav-ul2 li a:hover:after {
	left: 0;
}
/*footer*/

footer {
	background: #f5f5f5;
	padding-top: 70px;
	position: relative;
	z-index: 2;
	text-align: center;
}
footer .img {
	display: inline-block;
	margin-bottom: 40px;
}
footer .foot-nav {
	width: 1400px;
	border-top: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	text-align: center;
	margin: 0 auto 40px;
	position: relative;
}
footer .foot-nav ul {
	display: inline-block;
	overflow: hidden;
	vertical-align: middle;
}
footer .foot-nav ul li {
	float: left;
}
footer .foot-nav ul li a {
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 14px;
	color: #999;
	display: block;
	padding: 0 45px;
}
footer .foot-nav ul li a:hover {
	color: #666;
}
footer .foot-nav .zhiding {
	position: absolute;
	right: 25px;
	top: 0;
	width: 40px;
	height: 100%;
	background: url(../images/zhiding.png) no-repeat center center;
	cursor: pointer;
}
footer .footer-links {
	text-align: center;
}
footer .footer-links ul {
	display: inline-block;
	padding-bottom: 30px;
}
footer .footer-links ul li {
	float: left;
}
footer .footer-links ul li a {
	display: block;
	width: 52px;
	height: 52px;
	margin: 0 20px;
	background: url(../images/footer-wx.png) no-repeat center center;
	border: 1px solid #c7af82;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	position: relative;
}
footer .footer-links ul li a .ewm {
	position: absolute;
	width: 150px;
	height: 150px;
	top: -180px;
	left: 50%;
	margin-left: -75px;
	visibility: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
}
footer .footer-links ul li a .ewm img {
	width: 100%;
	height: 100%;
}
footer .footer-links ul li a .ewm:after {
	content: "";
	position: absolute;
	border-top: 10px solid #fff;
	border-left: 7px solid transparent;
	bottom: -9px;
	border-right: 7px solid transparent;
	left: 50%;
	margin-left: -7px;
}
footer .footer-links ul li a:after {
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: -30px;
	font-size: 14px;
	color: #c7af82;
	left: 0;
	content: "";
	display: none;
}
footer .footer-links ul li.wx a {
	background-image: url(../images/footer-wx.png);
}
footer .footer-links ul li.wx a:after {
	content: "微信";
}
footer .footer-links ul li.wb a {
	background-image: url(../images/footer-wb.png);
}
footer .footer-links ul li.wb a:after {
	content: "微博";
}
footer .footer-links ul li.dz a {
	background-image: url(../images/footer-dz.png);
}
footer .footer-links ul li.dz a:after {
	content: "地址";
}
footer .footer-links ul li.jxs a {
	background-image: url(../images/footer-jxs.png);
}
footer .footer-links ul li.jxs a:after {
	content: "留言";
}
footer .footer-links ul li:hover a {
	border-width: 0;
	box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
}
footer .footer-links ul li:hover a .ewm {
	visibility: visible;
	top: -160px;
	opacity: 1;
	filter: alpha(opacity=100);
	transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
	-moz-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
}
footer .footer-links ul li:hover a:after {
	display: block;
}
footer .footer-phone {
	text-align: center;
	padding: 30px 0 50px;
}
footer .footer-phone img {
	display: inline-block;
}
footer .footer-bottom {
	padding: 15px;
	background: #333333;
	text-align: center;
}
footer .footer-bottom ul {
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
}
footer .footer-bottom ul li {
	float: left;
	height: 20px;
	line-height: 20px;
	font-size: 13px;
	color: #b3b3b3;
	padding: 0 10px;
	border-right: 1px solid #87898c;
	text-transform: uppercase;
}
footer .footer-bottom ul li:last-child {
	border: 0;
}
footer .footer-bottom ul li a {
	color: #B3B3B3;
}
footer .footer-bottom ul li a:hover {
	color: #007AFF;
}
/*model*/

.model {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.66);
	top: 0;
	left: 0;
	z-index: 101;
	display: none;
}
.model.show {
	display: block;
}
/*banner漂浮点*/

.tracker {
	width: 1px;
	height: 1px;
	position: absolute;
	z-index: 5;
	top: 50%;
	left: 20%;
	display: none;
}
.tracker.show {
	display: block;
}
.tracker svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: visible;
}
.tracker line {
	stroke: #fff;
	stroke-width: 1px;
	stroke-dasharray: 245;
	stroke-dashoffset: -3;
}
.tracker .pointer {
	width: 62px;
	height: 62px;
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}
.tracker:hover .dot {
	transform: translate(-50%, -50%) scale(1.2);
}
.tracker:hover line {
	stroke-dasharray: 245;
	stroke-dashoffset: -5;
}

/*圈圈的缩放*/

@keyframes sf {
from {
opacity: .23;
transform: translate3d(-36px, -36px, 0) scale(1);
}
 to {
opacity: .8;
transform: translate3d(-36px, -36px, 0) scale(0.9);
}
}
.tracker .pointer .pulse {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 70px;
	height: 70px;
	border: 1px solid rgba(255, 255, 255, 0.23);
	border-radius: 100%;
	transform: translate3d(-36px, -36px, 0);
	animation: sf .8s ease infinite alternate;
}
.tracker .pointer .dot {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 26px;
	height: 26px;
	transform: translate(-50%, -50%);
	border: 1px solid #fff;
	border-radius: 50%;
	transition-duration: .6s;
	-webkit-transition-duration: .05s;
}
.tracker .pointer .product-bubble {
	position: absolute;
	bottom: 50%;
	right: -20px;
	margin-bottom: -200px;
	display: none;
	width: 340px;
	height: 538px;
	background-color: #fff;
	transition-duration: .8s;
	box-shadow: 0 0 40px 0 rgba(255, 255, 255, 0.3);
}
.tracker .pointer .product-bubble .inner {
	padding: 50px 28px;
	text-align: center;
}
.tracker .pointer .product-bubble .inner .product-img {
	width: 280px;
	height: 175px;
	margin: 0 auto;
	margin-bottom: 5px;
}
.pointer .product-bubble .inner .product-title {
	font-size: 18px;
	line-height: 24px;
	font-weight: 600;
}
.tracker .pointer .product-bubble .inner .product-description {
	font-size: 13px;
	line-height: 24px;
	font-weight: 600;
	padding: 10px 0;
}
.tracker .pointer .product-bubble .inner .product-detail {
	position: relative;
	display: inline-block;
	margin-top: 42px;
	width: 165px;
	height: 44px;
	color: #000;
	border: 1px solid #000;
	font-size: 14px;
	line-height: 44px;
	text-transform: uppercase;
	text-decoration: none;
}
.tracker .pointer .product-bubble .inner .product-detail .hover_container {
	position: absolute;
	top: 0;
	left: -2px;
	width: 167px;
	height: 100%;
	text-transform: uppercase;
	text-decoration: none;
	opacity: 0;
	overflow: hidden;
	box-sizing: border-box;
	transition-duration: .8s;
}
.tracker .pointer .product-bubble .inner .product-detail .hover_container .label {
	color: #fff;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	line-height: 40px;
}
.tracker .pointer .product-bubble .inner .product-detail .hover_container .background {
	background: #000;
	position: absolute;
	width: 200px;
	height: 300px;
	top: -100px;
	right: 120%;
	transform: rotate(45deg);
	transition-duration: .8s;
}
.tracker .pointer .product-bubble .inner .product-detail:hover .hover_container {
	opacity: 1;
}
.tracker .pointer .product-bubble .inner .product-detail:hover .hover_container .background {
	top: -100px;
	right: 0;
}
/*banner*/

.banner-box {
	width: 100%;
	height: 100vh;
	overflow: hidden;
	position: relative;
	z-index: 0;
}
.banner {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 0;
}
.banner .swiper-wrapper {
	/*图片和文字*/
	transition: all 2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
	-webkit-transition: all 2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
	-moz-transition: all 2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
	-o-transition: all 2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
.banner .swiper-wrapper .swiper-slide {
	overflow: hidden;
}
.banner .swiper-wrapper .swiper-slide .line-jd {
	width: 100%;
	height: 5px;
	position: absolute;
	top: 0;
	left: -100%;
	background: #d8a450;
	z-index: 2;
}
.banner .swiper-wrapper .swiper-slide.cur .line-jd {
	left: 0;
	transition: all 7s ease 0s;
	-webkit-transition: all 7s ease 0s;
	-moz-transition: all 7s ease 0s;
	-o-transition: all 7s ease 0s;
}
.banner .swiper-wrapper .swiper-slide .bgs {
	width: 100%;
	height: 100%;
	transition: all 2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
	-webkit-transition: all 2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
	-moz-transition: all 2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
	-o-transition: all 2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
	position: relative;
	z-index: 1;
}
.banner .swiper-wrapper .swiper-slide .bgs:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.2);
	z-index: 0;
}
.banner .swiper-wrapper .swiper-slide .banner-text {
	position: absolute;
	z-index: 2;
	left: 50%;
	top: 50%;
	width: 100%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	cursor: pointer;
	perspective: 800;
	-webkit-perspective: 800;
}
.banner .swiper-wrapper .swiper-slide .banner-text .text-box {
	transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	display: block;
	min-width: 600px;
	text-align: center;
	color: #fff;
}
.banner .swiper-wrapper .swiper-slide .banner-text .text-box div {
	transition: opacity 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;
	-webkit-transition: opacity 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;
	-moz-transition: opacity 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;
	-o-transition: opacity 1s cubic-bezier(0.77, 0, 0.175, 1) 0s;
	opacity: 0;
	filter: alpha(opacity=0);
}
.banner .swiper-wrapper .swiper-slide .banner-text .text-box .text1 {
	font-size: 70px;
	font-weight: bold;
	font-family: "微软雅黑";
	text-transform: uppercase;
	line-height: 1.3em;
}
.banner .swiper-wrapper .swiper-slide .banner-text .text-box .text2 {
	font-size: 24px;
	font-family: "微软雅黑";
	line-height: 1.5em;
	margin-bottom: 10px;
}
.banner .swiper-wrapper .swiper-slide .banner-text .text-box .text3 {
	display: inline-block;
	border: 1px solid #fff;
	padding: 4px 20px;
	font-family: "微软雅黑";
	text-transform: uppercase;
}
.banner .swiper-wrapper .swiper-slide .banner-text .text-box.text-box1 {
	perspective: 800;
	-webkit-perspective: 800;
	visibility: hidden;
}
.banner .swiper-wrapper .swiper-slide .banner-text .text-box.text-box1.anim {
	visibility: visible;
}
.banner .swiper-wrapper .swiper-slide .banner-text .text-box.text-box1.anim .text1 {
	animation: textShow1 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 normal;
	-webkit-animation: textShow1 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 normal;
	-moz-animation: textShow1 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 normal;
}
.banner .swiper-wrapper .swiper-slide .banner-text .text-box.text-box1.anim .text1 img {
	margin-top: -60px;
	margin-left: 5px;
}
.banner .swiper-wrapper .swiper-slide .banner-text .text-box.text-box1.anim .text2 {
	animation: textShow2 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 normal;
	-webkit-animation: textShow2 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 normal;
	-moz-animation: textShow2 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 normal;
}
.banner .swiper-wrapper .swiper-slide .banner-text .text-box.text-box1.anim .text3 {
	animation: textShow3 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 normal;
	-webkit-animation: textShow3 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 normal;
	-moz-animation: textShow3 1.5s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 normal;
}

@media screen and (min-width:1200px) {
.banner .swiper-wrapper .swiper-slide .banner-text .text-box:hover {
	-webkit-transform: rotate3d(0, 0, 0, 0) translate3d(0, 0, 0);
	-ms-transform: rotate3d(0, 0, 0, 0) translate3d(0, 0, 0);
	-o-transform: rotate3d(0, 0, 0, 0) translate3d(0, 0, 0);
	transform: rotate3d(0, 0, 0, 0) translate3d(0, 0, 0);
}
}
@-webkit-keyframes textShow1 {
0% {
-webkit-transform: translate3d(0, 0, 300px);
-ms-transform: translate3d(0, 0, 300px);
-o-transform: translate3d(0, 0, 300px);
transform: translate3d(0, 0, 300px);
}
 100% {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-moz-keyframes textShow1 {
0% {
-webkit-transform: translate3d(0, 0, 300px);
-ms-transform: translate3d(0, 0, 300px);
-o-transform: translate3d(0, 0, 300px);
transform: translate3d(0, 0, 300px);
}
 100% {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-o-keyframes textShow1 {
0% {
-webkit-transform: translate3d(0, 0, 300px);
-ms-transform: translate3d(0, 0, 300px);
-o-transform: translate3d(0, 0, 300px);
transform: translate3d(0, 0, 300px);
}
 100% {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes textShow1 {
0% {
-webkit-transform: translate3d(0, 0, 300px);
-ms-transform: translate3d(0, 0, 300px);
-o-transform: translate3d(0, 0, 300px);
transform: translate3d(0, 0, 300px);
}
 100% {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes textShow2 {
0% {
-webkit-transform: translate3d(50px, 0, 0);
-ms-transform: translate3d(50px, 0, 0);
-o-transform: translate3d(50px, 0, 0);
transform: translate3d(50px, 0, 0);
}
 100% {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-moz-keyframes textShow2 {
0% {
-webkit-transform: translate3d(50px, 0, 0);
-ms-transform: translate3d(50px, 0, 0);
-o-transform: translate3d(50px, 0, 0);
transform: translate3d(50px, 0, 0);
}
 100% {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-o-keyframes textShow2 {
0% {
-webkit-transform: translate3d(50px, 0, 0);
-ms-transform: translate3d(50px, 0, 0);
-o-transform: translate3d(50px, 0, 0);
transform: translate3d(50px, 0, 0);
}
 100% {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes textShow2 {
0% {
-webkit-transform: translate3d(50px, 0, 0);
-ms-transform: translate3d(50px, 0, 0);
-o-transform: translate3d(50px, 0, 0);
transform: translate3d(50px, 0, 0);
}
 100% {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes textShow3 {
0% {
-webkit-transform: translate3d(-50px, 0, 0);
-ms-transform: translate3d(-50px, 0, 0);
-o-transform: translate3d(-50px, 0, 0);
transform: translate3d(-50px, 0, 0);
}
 100% {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-moz-keyframes textShow3 {
0% {
-webkit-transform: translate3d(-50px, 0, 0);
-ms-transform: translate3d(-50px, 0, 0);
-o-transform: translate3d(-50px, 0, 0);
transform: translate3d(-50px, 0, 0);
}
 100% {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-o-keyframes textShow3 {
0% {
-webkit-transform: translate3d(-50px, 0, 0);
-ms-transform: translate3d(-50px, 0, 0);
-o-transform: translate3d(-50px, 0, 0);
transform: translate3d(-50px, 0, 0);
}
 100% {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes textShow3 {
0% {
-webkit-transform: translate3d(-50px, 0, 0);
-ms-transform: translate3d(-50px, 0, 0);
-o-transform: translate3d(-50px, 0, 0);
transform: translate3d(-50px, 0, 0);
}
 100% {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.banner .swiper-wrapper .swiper-slide .banner-text .text-box.text-box2 .text1 {
	-webkit-transform: translate3d(50%, 0, 50px);
	-ms-transform: translate3d(50%, 0, 50px);
	-o-transform: translate3d(50%, 0, 50px);
	transform: translate3d(50%, 0, 50px);
	opacity: 0;
	filter: alpha(opacity=0);
	transition: transform 2.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 1s cubic-bezier(0.77, 0, 0.175, 1);
	-weikit-transition: transform 2.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 1s cubic-bezier(0.77, 0, 0.175, 1);
	-moz-transition: transform 2s cubic-bezier(0.77, 0, 0.175, 1), opacity 1s cubic-bezier(0.77, 0, 0.175, 1);
}
.banner .swiper-wrapper .swiper-slide .banner-text .text-box.text-box2 .text2 {
	-webkit-transform: translate3d(40%, 0, 50px);
	-ms-transform: translate3d(40%, 0, 50px);
	-o-transform: translate3d(40%, 0, 50px);
	transform: translate3d(40%, 0, 50px);
	opacity: 0;
	filter: alpha(opacity=0);
	transition: transform 2.2s cubic-bezier(0.77, 0, 0.175, 1), opacity 1s cubic-bezier(0.77, 0, 0.175, 1);
	-weikit-transition: transform 2.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 1s cubic-bezier(0.77, 0, 0.175, 1);
	-moz-transition: transform 2s cubic-bezier(0.77, 0, 0.175, 1), opacity 1s cubic-bezier(0.77, 0, 0.175, 1);
}
.banner .swiper-wrapper .swiper-slide .banner-text .text-box.text-box2 .text3 {
	-webkit-transform: translate3d(30%, 0, 0);
	-ms-transform: translate3d(30%, 0, 0);
	-o-transform: translate3d(30%, 0, 0);
	transform: translate3d(30%, 0, 0);
	opacity: 0;
	filter: alpha(opacity=0);
	transition: transform 2s cubic-bezier(0.77, 0, 0.175, 1), opacity 1s cubic-bezier(0.77, 0, 0.175, 1);
	-weikit-transition: transform 2.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 1s cubic-bezier(0.77, 0, 0.175, 1);
	-moz-transition: transform 2s cubic-bezier(0.77, 0, 0.175, 1), opacity 1s cubic-bezier(0.77, 0, 0.175, 1);
}
.banner .swiper-wrapper .swiper-slide.swiper-slide-active .bgs {
	-webkit-transform: scale(1) translate3d(0, 0, 0);
	-ms-transform: scale(1) translate3d(0, 0, 0);
	-o-transform: scale(1) translate3d(0, 0, 0);
	transform: scale(1) translate3d(0, 0, 0);
}
.banner .swiper-wrapper .swiper-slide.swiper-slide-active .banner-text .text-box .text1, .banner .swiper-wrapper .swiper-slide.swiper-slide-active .banner-text .text-box .text2, .banner .swiper-wrapper .swiper-slide.swiper-slide-active .banner-text .text-box .text3 {
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1;
	filter: alpha(opacity=100);
}
.banner .swiper-wrapper .swiper-slide.swiper-slide-prev .bgs {
	-webkit-transform: scale(1.2) translate3d(50%, 0, 0);
	-ms-transform: scale(1.2) translate3d(50%, 0, 0);
	-o-transform: scale(1.2) translate3d(50%, 0, 0);
	transform: scale(1.2) translate3d(50%, 0, 0);
}
.banner .swiper-wrapper .swiper-slide.swiper-slide-next .bgs {
	-webkit-transform: scale(1.2) translate3d(-50%, 0, 0);
	-ms-transform: scale(1.2) translate3d(-50%, 0, 0);
	-o-transform: scale(1.2) translate3d(-50%, 0, 0);
	transform: scale(1.2) translate3d(-50%, 0, 0);
}
.banner .swiper-wrapper .swiper-slide.b1 .text-box {
	-webkit-transform: rotate3d(1, 0, 0, 30deg);
	-ms-transform: rotate3d(1, 0, 0, 30deg);
	-o-transform: rotate3d(1, 0, 0, 30deg);
	transform: rotate3d(1, 0, 0, 30deg);
}
.banner .swiper-wrapper .swiper-slide.b2 .text-box {
	-webkit-transform: rotate3d(1, 0, 0, 30deg);
	-ms-transform: rotate3d(1, 0, 0, 30deg);
	-o-transform: rotate3d(1, 0, 0, 30deg);
	transform: rotate3d(1, 0, 0, 30deg);
}
.banner .swiper-wrapper .swiper-slide.b3 .text-box {
	-webkit-transform: rotate3d(1, 0, 0, 30deg);
	-ms-transform: rotate3d(1, 0, 0, 30deg);
	-o-transform: rotate3d(1, 0, 0, 30deg);
	transform: rotate3d(1, 0, 0, 30deg);
}
.banner .banner-page {
	/*页码*/
	position: absolute;
	z-index: 10;
	width: 130px;
	height: 20px;
	bottom: 50px;
	right: 100px;
}
.banner .banner-page span {
	line-height: 20px;
	width: 20px;
	height: 100%;
	display: inline-block;
	text-align: center;
	color: #fff;
	position: relative;
	bottom: 0;
	left: 0;
	top: 0;
	right: 0;
}
.banner .banner-page span.b_l {
	background: url(../images/banner-l.png) no-repeat center center;
	cursor: pointer;
}
.banner .banner-page span.of {
	width: 30px;
	background: url(../images/banner-of.png) no-repeat center center;
}
.banner .banner-page span.b_r {
	background: url(../images/banner-r.png) no-repeat center center;
	cursor: pointer;
}
/*内页导航*/

.banner-in {
	position: relative;
	height: 780px;
	text-align: center;
	background: no-repeat fixed center center;
	background-size: auto 100%;
	z-index: 0;
}
.banner-in:after {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.2);
	z-index: 0;
	left: 0;
	top: 0;
	content: "";
}
.banner-in .banner-mask {
	position: fixed;
	top: 340px;
	left: 0;
	width: 100%;
	z-index: 1;
	color: #fff;
	font-size: 30px;
}
.banner-in .banner-mask p {
	text-transform: uppercase;
	font-family: "宋体";
	font-weight: bolder;
	font-size: 40px;
}
.banner-in .banner-mask img {
	display: inline-block;
}
.banner-in .banner-mask .tabs-btn {
	margin-top: 82px;
	font-size: 16px;
}
.banner-in .banner-mask .tabs-btn a {
	display: inline-block;
	height: 36px;
	line-height: 36px;
	font-size: 16px;
	box-sizing: border-box;
	text-align: center;
	color: #fff;
	text-decoration: none;
	padding: 0px 5px;
}
.banner-in .banner-mask .tabs-btn a:hover, .banner-in .banner-mask .tabs-btn a.active {
	color: #000;
	background-color: #fff;
}
/*index*/

.home-body {
}
.home-body .main {
	position: relative;
	z-index: 1;
	background: #fff;
}
.home-body .main:after {
	display: table;
	content: "";
}
.home-body .main-product {
	padding: 80px 0;
	background: #f0f0f0;
}
.home-body .main-product .Tits {
	text-align: center;
	margin-bottom: 50px;
}
.home-body .main-product .Tits img {
	display: inline-block;
}
.home-body .main-product .boxs {
	width: 1400px;
	margin: 0 auto;
}
.home-body .main-product .boxs li {
	width: 33.3%;
	float: left;
	padding: 10px;
	height: 330px;
}
.home-body .main-product .boxs li a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
	transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
}
.home-body .main-product .boxs li a > div {
	width: 100%;
	height: 100%;
	background: #fff;
	position: absolute;
	left: 0;
	top: 0;
	transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
}
.home-body .main-product .boxs li a > div .img-box {
	height: 80%;
	background: no-repeat 50% center;
	transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
}
.home-body .main-product .boxs li a > div span {
	color: #333;
	font-size: 18px;
	display: block;
	height: 20%;
	width: 100%;
	text-align: center;
	transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
}
.home-body .main-product .boxs li a > div.box-f {
	-webkit-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-o-transform: scale(0.9);
	transform: scale(0.9);
	opacity: 0;
	filter: alpha(opacity=0);
	height: 80%;
	padding: 10px;
}
.home-body .main-product .boxs li a > div.box-f .img-box {
	height: 100%;
}
.home-body .main-product .boxs li a > div.box-f span {
	display: none;
}

@media only screen and (min-width:1200px) {
.home-body .main-product .boxs li a:hover {
	box-shadow: 0 15px 20px rgba(0, 0, 0, 0.2);
}
.home-body .main-product .boxs li a:hover > div.box-z .img-box {
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
}
.home-body .main-product .boxs li a:hover > div span {
	color: #c7af82;
}
.home-body .main-product .boxs li a:hover > div.box-f {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	filter: alpha(opacity=100);
}
}
.home-body .main-product .boxs li.p1 a .box-z .img-box {
	background-image: url(../images/icon-table.png);
}
.home-body .main-product .boxs li.p2 a .box-z .img-box {
	background-image: url(../images/icon-chuang.png);
}
.home-body .main-product .boxs li.p3 a .box-z .img-box {
	background-image: url(../images/icon-tinggui.png);
}
.home-body .main-product .boxs li.p4 a .box-z .img-box {
	background-image: url(../images/icon-sofa.png);
}
.home-body .main-product .boxs li.p5 a .box-z .img-box {
	background-image: url(../images/icom-shujia.png);
}
.home-body .main-product .boxs li.p6 a .box-z .img-box {
	background-image: url(../images/icon-shuzhuangtai.png);
}
.home-body .main-product .boxs li.p7 a .box-z .img-box {
	background-image: url(../images/icom-chugui.png);
}
.home-body .main-product .boxs li.p8 a .box-z .img-box {
	background-image: url(../images/icon-yigui.png);
}
.home-body .main-product .boxs li.p9 a .box-z .img-box {
	background-image: url(../images/icon-yizhi.png);
}
.home-body .main-other .others {
	margin-bottom: 100px;
	height:530px;
}
.home-body .main-other .others .text {
	font-size: 14px;
	color: #fff;
	line-height: 24px;
	margin: 20px 0 30px;
}
.home-body .main-other .others .more {
	position: relative;
	display: block;
	overflow: hidden;
	width: 155px;
	height: 24px;
	font: 14px Adobe Devanagari;
	text-align: center;
	color: #fff;
	line-height: 24px;
	border: 1px solid #fff;
}
.home-body .main-other .others .more span {
	position: absolute;
	z-index: 1;
	width: 100%;
	text-align: center;
	left: 0;
	top: 0;
	height: 100%;
	transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
	-moz-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
}
.home-body .main-other .others .more:before {
	position: absolute;
	content: "";
	background: #000;
	width: 100%;
	height: 100%;
	left: -100%;
	top: 0;
	z-index: 0;
	transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
	-moz-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
}
.home-body .main-other .others .more:hover span {
	color: #fff;
}
.home-body .main-other .others .more:hover:before {
	left: 0;
}
.home-body .main-other .other1 {
	background: url(../images/production-bg.jpg) no-repeat fixed center center;
	background-size: cover;
	position: relative;
}
.home-body .main-other .other1:after {
	content: "";
	position: absolute;
	background: rgba(0, 0, 0, 0.4);
	width: 50%;
	height: 100%;
	right: 0;
	top: 0;
	z-index: 0;
}
.home-body .main-other .other1 .content {
	width: 1400px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.home-body .main-other .other1 .content-r {
	width: 50%;
	float: right;
	padding-left: 40px;
	padding-top: 10%;
}
.home-body .main-other .other2 {
	width: 1400px;
	margin: 0 auto 100px;
	background: url(../images/Centre-bg.jpg) no-repeat right center;
	background-size: 50% 100%;
	position: relative;
}
.home-body .main-other .other2 .content {
	position: absolute;
	width: 50%;
	height: 490px;
	left: 0;
	top: 50%;
	margin-top: -245px;
	padding: 110px 60px 0;
	z-index: 1;
	background: rgba(255,255,255,0.5);
}
.home-body .main-other .other2 .content .tits {
	position: relative;
}
.home-body .main-other .other2 .content .tits .e {
	position: absolute;
	right: 0;
	bottom: 0;
}
.home-body .main-other .other2 .content .text {
	color: #666;
}
.home-body .main-other .other2 .content .more {
	color: #333;
	border-color: #000;
}
.home-body .main-other .other3 {
	position: relative;/* background: url(../images/index-bg3.jpg) no-repeat left top; background-size: 42% auto;*/
	margin: 0;
}
.home-body .main-other .other3 .content {
	position: absolute;
	width: 700px;
	height: 100%;
	left: 45%;
	top: 0;
	z-index: 1;
}
.home-body .main-other .other3 .content .tits {
	position: relative;
	margin-top: 60px;
}
.home-body .main-other .other3 .content .tits .e {
	position: absolute;
	left: 0;
	bottom: 0;
}
.home-body .main-other .other3 .content .text {
	color: #666;
}
.home-body .main-other .other3 .content .more {
	color: #333;
	border-color: #000;
}
.home-body .main-other .other3 .content .bg3 {
	margin-top: 30px;
	margin-left: -150px;
	width: 300px;
}
/*about*/

.about .banner-in {
	background-image: url(../images/about-banner.jpg);
}
.about .about-boxs {
	position: relative;
	z-index: 2;
	background: #f5f5f5;
}
.about .tits {
	text-align: center;
	padding: 70px 0 20px;
}
.about .tits img {
	display: inline-block;
}
.about .history {
/*history*/
}
.about .history .content {
	width: 1400px;
	margin: 0 auto;
	position: relative;
	text-align: center;
	padding: 70px 0 140px;
}
.about .history .content ul li {
	height: 350px;
	border-bottom: 1px solid #DDD;
	overflow: hidden;
}
.about .history .content ul li .box-l, .about .history .content ul li .box-r {
	width: 50%;
	float: left;
	height: 100%;
}
.about .history .content ul li .box-l {
	border-right: 1px solid #DDD;
	padding: 40px 0;
	text-align: left;
}
.about .history .content ul li .box-l img {
	height: 100%;
	display: inline-block;
}
.about .history .content ul li .box-r {
	padding: 100px;
	left: 50px;
	text-align: left;
}
.about .history .content ul li .box-r .tit {
	font-size: 36px;
	color: #c7af82;
}
.about .history .content ul li .box-r .text {
	font-size: 14px;
	color: #666;
	line-height: 24px;
}
.about .history .content ul li.even .box-r {
	border-right: 1px solid #DDD;
	float: left;
	text-align: right;
}
.about .history .content ul li.even .box-l {
	float: right;
	border: none;
	text-align: right;
}
.about .history .content:after {
	position: absolute;
	content: "";
	width: 50%;
	height: 85px;
	left: 0;
	bottom: 85px;
	border-right: 1px solid #DDD;
}
.about .history .content .lx {
	position: absolute;
	left: 50%;
	top: 20px;
	margin-left: -26px;
}
.about .history .content .lx.lingxing2 {
	top: auto;
	bottom: 35px;
	cursor: pointer;
}
.about .history .content .lx .down1 {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -3px;
	margin-left: -7px;
	animation: arrowDown1 1s linear 0s infinite normal;
	-webkit-animation: arrowDown1 1s linear 0s infinite normal;
	-moz-animation: arrowDown1 1s linear 0s infinite normal;
}
@-webkit-keyframes arrowDown1 {
0% {
margin-top: -4px;
}
 100% {
margin-top: 0;
}
}
@-moz-keyframes arrowDown1 {
0% {
margin-top: -4px;
}
 100% {
margin-top: 0;
}
}
@-o-keyframes arrowDown1 {
0% {
margin-top: -4px;
}
 100% {
margin-top: 0;
}
}
@keyframes arrowDown1 {
0% {
margin-top: -4px;
}
 100% {
margin-top: 0;
}
}
.about .culture {
/*公司文化*/
}
.about .culture .box {
	width: 1400px;
	margin: 50px auto;
	overflow: hidden;
	margin-bottom: 110px;
	height: 455px;
}
.about .culture .box .img-box {
	width: 57%;
	float: right;
	position: relative;
	height: 100%;
}
.about .culture .box .img-box img {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.about .culture .box .img-box:after {
	width: 80%;
	height: 90%;
	content: "";
	border: 3px solid #c7af82;
	bottom: 0;
	right: 0;
	z-index: 0;
	position: absolute;
}
.about .culture .box .text-box {
	float: left;
	width: 40%;
	height: 100%;
	position: relative;
}
.about .culture .box .text-box .middle-box {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
}
.about .culture .box .text-box .stit {
	margin-bottom: 30px;
}
.about .culture .box .text-box .text {
	font-size: 14px;
	color: #666;
	line-height: 24px;
}
.about .culture .box .text-box .lx {
	position: absolute;
	left: 0;
	bottom: 0;
}
.about .culture .box.even .img-box {
	float: left;
}
.about .culture .box.even .img-box img {
	left: auto;
	right: 0;
}
.about .culture .box.even .img-box:after {
	right: auto;
	left: 0;
}
.about .culture .box.even .text-box {
	float: right;
}
.about .culture:after {
	display: table;
	content: "";
}
.about .survey {
/*公司概况*/
}
.about .survey .content {
	width: 1400px;
	margin: 0 auto -70px;
	position: relative;
	background: #fff;
	top: -105px;
	padding-bottom: 10px;
}
.about .survey .box1 {
	padding: 40px;
	line-height: 42px;
	font-size: 16px;
}
.about .survey .box1 img {
	margin-bottom: 10px;
}
.about .survey .box1 div {
	font-size: 14px;
	color: #666;
	line-height: 24px;
}
.about .survey .box2 img {
	width: 100%;
}
.about .survey .box3 {
	overflow: hidden;
}
.about .survey .box3 .img-box {
	float: right;
	width: 50%;
}
.about .survey .box3 .img-box img {
	width: 100%;
}
.about .survey .box3 .text-box {
	float: left;
	width: 50%;
	padding: 120px 40px 0;
}
.about .survey .box3 .text-box img {
	margin-bottom: 10px;
}
.about .survey .box3 .text-box div {
	font-size: 14px;
	color: #666;
	line-height: 24px;
}
/*service*/

.service-center .banner-in {
}
.service-center .main {
	background: #f5f5f5;
	position: relative;
	z-index: 2;
}
.service-center .main .main1 {
	/*服务流程*/
	background: #fff;
	position: relative;
	top: -100px;
	width: 1400px;
	margin: 0 auto;
}
.service-center .main .main1 .main1-top {
	text-align: center;
	font-size: 14px;
	color: #666;
	line-height: 24px;
	padding: 60px 0;
}
.service-center .main .main1 .main1-bottom {
	overflow: hidden;
}
.service-center .main .main1 .main1-bottom .img-box {
	width: 74%;
	float: left;
	position: relative;
	height: 560px;
}
.service-center .main .main1 .main1-bottom .img-box img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
}
.service-center .main .main1 .main1-bottom .list {
	width: 24%;
	float: right;
	padding: 20px 0;
}
.service-center .main .main1 .main1-bottom .list .tit1 {
	margin: 0 0 20px 10px;
}
.service-center .main .main1 .main1-bottom .list ul li {
	margin: 5px 0;
	height: 70px;
	line-height: 70px;
	font-size: 18px;
	color: #333;
	overflow: hidden;
	cursor: pointer;
}
.service-center .main .main1 .main1-bottom .list ul li .icon {
	width: 60px;
	height: 100%;
	background: no-repeat center center;
	float: left;
}
.service-center .main .main1 .main1-bottom .list ul li .r {
	margin-left: 75px;
}
.service-center .main .main1 .main1-bottom .list ul li.flow1 .icon {
	background-image: url(../images/lc1.png);
}
.service-center .main .main1 .main1-bottom .list ul li.flow1.active {
	background-image: url(../images/lc1-hover-bg.png);
}
.service-center .main .main1 .main1-bottom .list ul li.flow1.active .icon {
	background-image: url(../images/lc1-hover.png);
}
.service-center .main .main1 .main1-bottom .list ul li.flow2 .icon {
	background-image: url(../images/lc2.png);
}
.service-center .main .main1 .main1-bottom .list ul li.flow2.active {
	background-image: url(../images/lc2-hover-bg.png);
}
.service-center .main .main1 .main1-bottom .list ul li.flow2.active .icon {
	background-image: url(../images/lc2-hover.png);
}
.service-center .main .main1 .main1-bottom .list ul li.flow3 .icon {
	background-image: url(../images/lc3.png);
}
.service-center .main .main1 .main1-bottom .list ul li.flow3.active {
	background-image: url(../images/lc3-hover-bg.png);
}
.service-center .main .main1 .main1-bottom .list ul li.flow3.active .icon {
	background-image: url(../images/lc3-hover.png);
}
.service-center .main .main1 .main1-bottom .list ul li.flow4 .icon {
	background-image: url(../images/lc4.png);
}
.service-center .main .main1 .main1-bottom .list ul li.flow4.active {
	background-image: url(../images/lc4-hover-bg.png);
}
.service-center .main .main1 .main1-bottom .list ul li.flow4.active .icon {
	background-image: url(../images/lc4-hover.png);
}
.service-center .main .main1 .main1-bottom .list ul li.flow5 .icon {
	background-image: url(../images/lc5.png);
}
.service-center .main .main1 .main1-bottom .list ul li.flow5 .r {
	line-height: 20px;
	padding: 15px 0;
}
.service-center .main .main1 .main1-bottom .list ul li.flow5 .r div {
	font-size: 14px;
}
.service-center .main .main1 .main1-bottom .list ul li.flow5.active {
	background-image: url(../images/lc5-hover-bg.png);
}
.service-center .main .main1 .main1-bottom .list ul li.flow5.active .icon {
	background-image: url(../images/lc5-hover.png);
}
.service-center .main .main1 .main1-bottom .list ul li.active {
	background-color: #c7af82;
	background-repeat: no-repeat;
	background-position: right bottom;
}
.service-center .main .main1 .main1-bottom .list ul li.active .r {
	color: #fff;
}
.service-center .main .main2 {
	/*问题反馈*/
	text-align: center;
	padding: 20px 0;
}
.service-center .main .main2 .tit {
	padding: 45px 0;
}
.service-center .main .main2 .tit img {
	display: inline-block;
}
.service-center .main .main2 #problemDeedback .input-box {
	width: 660px;
	margin: 0 auto;
	position: relative;
	height: 50px;
	margin-bottom: 30px;
}
.service-center .main .main2 #problemDeedback .input-box input {
	width: 100%;
	height: 100%;
	line-height: 50px;
	color: #999;
	padding: 0 40px 0 20px;
}
.service-center .main .main2 #problemDeedback .input-box.txts {
	height: 200%;
}
.service-center .main .main2 #problemDeedback .input-box.txts textarea {
	width: 100%;
	height: 100%;
	line-height: 40px;
	padding: 10px 20px;
}
.service-center .main .main2 #problemDeedback .submit-btn {
	width: 200px;
	height: 36px;
	line-height: 36px;
	background: #000;
	color: #fff;
	margin: 10px 0 30px;
}
.service-center .main .main3 {
	/*联系我们*/
	padding: 40px 0;
}
.service-center .main .main3 .tit {
	padding: 30px 0;
	text-align: center;
}
.service-center .main .main3 .tit img {
	display: inline-block;
}
.service-center .main .main3 .content {
	width: 1400px;
	margin: 0 auto;
	background: #fff;
}
.service-center .main .main3 .content .information {
	padding: 30px 40px;
	overflow: hidden;
}
.service-center .main .main3 .content .information ul {
	float: left;
}
.service-center .main .main3 .content .information ul li {
	font-size: 16px;
	color: #333;
	line-height: 36px;
	padding-left: 40px;
	background: no-repeat left center;
}
.service-center .main .main3 .content .information ul li.address {
	background-image: url(../images/service-address.png);
}
.service-center .main .main3 .content .information ul li.phone {
	background-image: url(../images/service-phone.png);
}
.service-center .main .main3 .content .information ul li.email {
	background-image: url(../images/service-email.png);
	text-transform: uppercase;
}
.service-center .main .main3 .content .information .ewms {
	float: right;
}
.service-center .main .main3 .content .information .ewms .ewm-box {
	float: left;
	margin-left: 20px;
}
.service-center .main .main3 .content .information .ewms .ewm-box img {
	margin: 0 auto;
	display: block;
}
.service-center .main .main3 .content .information .ewms .ewm-box span {
	font-size: 12px;
	color: #000;
	margin-top: 10px;
}
.service-center .main .main3 .content .map {
	width: 100%;
	height: 600px;
}
/*新闻详情页*/

.newsDel {
	background: #fff;
}
/*****************************************************************************************/

a {
	text-decoration: none;
	color: #3E3E3E;
}
img {
	display: inline-block;
}
input[type="button"], input[type="submit"], input[type="reset"], select {
	-webkit-appearance: none;
	appearance: none;
	-moz-appearance: none;
}
html {
	font-size: 62.5%;
}
body {
	font-size: 1.6rem;
}
.clearfix {
	clear: both;
}
/*详情页弹出层*/

.show-list {
	position: fixed;
	background-color: #fff;
	z-index: 100;
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 1;
	visibility: hidden;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	transform: perspective(800px) rotateX(180deg) rotateY(180deg) scale(1);
	-webkit-transform: perspective(800px) rotateX(180deg) rotateY(180deg) scale(1);
	transition: all 1.4s cubic-bezier(.77, 0, .175, 1) 0s;
	-webkit-transition: all 1.4s cubic-bezier(.77, 0, .175, 1) 0s;
}
.show-list.show {
	transform: none;
	-webkit-transform: none;
	opacity: 1;
	visibility: visible;
}
.show-list.show .close-pop {
	opacity: 1;
	transform: none;
	-webkit-transform: none;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
	transition-delay: .8s;
	-webkit-transition-delay: .8s;
}
.show-list.show .sbtips {
	opacity: 1;
	transition: all 1s cubic-bezier(.77, 0, .175, 1) 1s;
	-webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1) 1s;
}
.show-list.show .swiper-container {
	opacity: 1;
	-webkit-filter: brightness(100%);
	filter: brightness(100%);
	transition: all 1s cubic-bezier(.77, 0, .175, 1) 1s;
	-webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1) 1s;
}
.show-list .img-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 0;
	transform: rotateX(180deg);
	-webkit-transform: rotateX(180deg);
}
.show-list .sbtips {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -120px;
	margin-top: -66px;
	padding: 40px;
	width: 160px;
	height: 52px;
	box-sizing: content-box;
	text-align: center;
	color: #fff;
	opacity: 0;
	background-color: rgba(0, 0, 0, .6);
	z-index: 10;
	font-size: 24px;
}
.show-list .sbtips span {
	font-size: 14px;
}
.show-list .close-pop {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 51px;
	height: 51px;
	background-color: #c7af82;
	z-index: 10;
	text-align: center;
	border-radius: 50%;
	opacity: 0;
	transform: scale(0);
	-webkit-transform: scale(0);
	cursor: pointer;
}
.show-list .close-pop:hover img {
	transform: rotate(180deg);
}
.show-list .close-pop img {
	display: inline-block;
	width: 25px;
	height: 25px;
	margin-top: 12px;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
}
.show-list .swiper-container {
	height: 100vh;
	width: 100vw;
	opacity: 0;
	-webkit-filter: brightness(200%);
	filter: brightness(200%);
	margin: 0 auto;
}
.show-list .swiper-container .imagesBox {
	height: 100%;
	background-repeat: no-repeat;
	background: no-repeat center center;
	background-color: #fff;
}
.show-list .swiper-wrapper {
	transition: all 1s cubic-bezier(.77, 0, .175, 1) 0s;
	-webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1) 0s;
	-mox-transition: all 1s cubic-bezier(.77, 0, .175, 1) 0s;
}
.show-list .swiper-container .swiper-slide {
	-webkit-filter: brightness(200%);
	filter: brightness(200%);
	transition: all 1s cubic-bezier(.77, 0, .175, 1) 0s;
	-webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1) 0s;
}
.show-list .swiper-container .swiper-slide.swiper-slide-active {
	-webkit-filter: brightness(100%);
	filter: brightness(100%);
}
.show-list .swiper-container .my-btn {
	width: 51px;
	height: 51px;
	background-size: auto;
	border-radius: 50%;
	border: 1px solid #c7af82;
	background-color: #c7af82;
}
.show-list .swiper-container .my-btn:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.show-list .swiper-container .prev {
	background-image: url(../images/arrow-left1.png);
}
.show-list .swiper-container .next {
	background-image: url(../images/arrow-right1.png);
	right: 25px;
}
.show-list .swiper-pagination {
	bottom: 20px;
	color: #fff;
}
.show-list .go_shop {
	position: absolute;
	left: 40px;
	line-height: 26px;
	font-size: 18px;
	color: #3e3e3e;
	bottom: 40px;
	z-index: 1;
}
.show-list .go_shop img {
	vertical-align: middle;
	margin-right: 10px;
}
.show-list .go_shop span {
	vertical-align: middle;
}
/*
 *scene
 * 
 */

.scene-body {
	background-color: #f5f5f5;
}
.center1400 {
	margin: 0 auto;
	width: 1400px;
}
.theme-title {
	padding-top: 72px;
	margin-bottom: 36px;
	text-align: center;
}
.theme-title img {
	display: inline-block;
}
.scene-main {
	background-color: #f5f5f5;
	position: relative;
	z-index: 1;
}
.scene-box .col-md-6 {
	padding: 0 10px;
}
.scene-box .scene-category {
	position: relative;
	margin-bottom: 42px;
	display: block;
	overflow: hidden;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
}
.scene-box .scene-category > img {
	width: 100%;
	-webkit-filter: blur(2px);
	filter: blur(2px);
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
}
.scene-box .scene-category .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
}
.scene-box .scene-category .text-box {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -141px;
	margin-left: -332px;
	width: 664px;
	height: 282px;
	text-align: center;
	border: 1px solid rgba(255, 255, 255, 0.41);
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
}
.scene-box .scene-category .text-box h3 {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -56px;
	margin-left: -158px;
	padding-top: 24px;
	width: 316px;
	height: 112px;
	line-height: 36px;
	font-size: 3.0rem;
	color: #fff;
}
.scene-box .scene-category .text-box h3 span {
	display: block;
	font-size: 1.8rem;
}
.scene-box .scene-category:hover {
	box-shadow: 0 0 15px 1px #999;
}
.scene-box .scene-category:hover > img {
	filter: none;
	-webkit-filter: none;
}
.scene-box .scene-category:hover .bg {
	top: 50%;
	left: 50%;
	margin-top: -64px;
	margin-left: -165px;
	width: 330px;
	height: 128px;
	background-color: #000;
	opacity: .5;
}
.scene-box .scene-category:hover .text-box {
	margin-left: -157px;
	margin-top: -56px;
	width: 314px;
	height: 112px;
}
/*
 * 
 * scene-details
 */

.banner-in.scene-detail-banner {
}
.scene-detai-body {
	background-color: #f5f5f5;
}
.scene-detail-main {
	margin-top: -104px;
	padding-bottom: 40px;
	position: relative;
	z-index: 1;
	background-color: #f5f5f5;
}
.scene-detail-main .theme {
	margin-bottom: 40px;
	padding: 66px 0;
	text-align: center;
	background-color: #fff;
	font-size: 1.4rem;
	line-height: 24px;
	box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.1);
}
.scene-detail-main .box {
	position: relative;
	margin-bottom: 24px;
	background-color: #fff;
	box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1);
}
.scene-detail-main .box:hover {
	box-shadow: 0 20px 40px rgba(0, 0, 0, .1);
}
.scene-detail-main .box:last-child {
	margin-bottom: 0;
}
.scene-detail-main .box .img-box {
	box-sizing: content-box;
	padding: 70px 0 50px;
	width: 65%;
	height: 388px;
	line-height: 388px;
	border-right: 1px solid #ececec;
	text-align: center;
}
.scene-detail-main .box .img-box img {
	display: inline-block;
	vertical-align: middle;
	max-height: 100%;
	max-width: 90%;
}
.scene-detail-main .box .detail {
	padding-top: 60px;
	padding-right: 30px;
	width: 35%;
	position: absolute;
	top: 0;
	right: 0;
	line-height: 24px;
}
.scene-detail-main .box .detail h2 {
	margin-left: 66px;
	font-size: 3.0rem;
	line-height: 36px;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 28px;
}
.scene-detail-main .box .detail .models, .scene-detail-main .box .detail .product-size, .scene-detail-main .box .detail .product-color {
	margin-bottom: 28px;
	margin-left: 66px;
	font-size: 1.4rem;
	color: #999;
}
.scene-detail-main .box .detail span {
	font-size: 1.8rem;
	color: #666;
	font-weight: 500;
	text-transform: uppercase;
}
.scene-detail-main .box .detail > a {
	font-size: 14px;
	font-family: "Adobe Devanagari";
	position: relative;
	display: inline-block;
	width: 156px;
	height: 24px;
	line-height: 24px;
	margin-left: 66px;
	color: #333;
	border: 2px solid #000;
	text-transform: uppercase;
	text-align: center;
	overflow: hidden;
}
.scene-detail-main .box .detail > a:hover:before {
	left: 0;
}
.scene-detail-main .box .detail > a:hover span {
	color: #fff;
}
.scene-detail-main .box .detail > a span {
	font-size: 14px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	transition-duration: .6s;
	-webkit-transition-duration: .6s;
}
.scene-detail-main .box .detail > a:before {
	position: absolute;
	content: "";
	background: #000;
	width: 100%;
	height: 100%;
	left: -100%;
	top: 0;
	z-index: 0;
	transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
}
/*
 * product
 */

.product-body {
	background-color: #f5f5f5;
}
.product-main {
	position: relative;
	z-index: 1;
	background-color: #f5f5f5;
}
.product-main .cpfl {
	margin: 70px auto 0;
	text-align: center;
	overflow: hidden;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.product-main .cpfl a {
	font-size: 1.4rem;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
	background-color: #333;
	display: inline-block;
	color: #fff;
	margin: 0px 5px 10px 5px;
	width: 150px;
	height: 42px;
	line-height: 42px;
}

@media only screen and (min-width:1200px) {
.product-main .cpfl a:hover {
	color: #c7af82;
}
.product-main .show-box a .pic {
	position: relative;
	height: 260px;
	line-height: 260px;
	text-align: center;
	overflow: hidden;
	background-color: #fff;
}
}
.product-main hr {
	border: none;
	height: 1px;
	background: #dadada;
}
.product-main .show-box {
	overflow: hidden;
}
.product-main .show-box a {
	display: inline-block;
	float: left;
	width: 23%;
	color: #000;
	margin: 0px 1%;
}
.product-main .show-box a .pic img {
	display: inline-block;
	vertical-align: middle;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
	max-width: 90%;
	max-height: 90%;
}
.product-main .show-box a .pic img:hover {
	transform: scale(1.3);
}
.product-main .show-box a .pic .ad {
	transform: scale(1);
	-webkit-transform: scale(0.5);
	opacity: 0;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -155px;
	padding: 36px 30px;
	width: 312px;
	height: 100%;
	border: 10px solid rgba(0, 0, 0, 0.5);
	box-sizing: border-box;
	font-size: 1.8rem;
	line-height: 24px;
	color: #000;
	font-weight: 600;
	transition-duration: 1.2s;
	-webkit-transition-duration: 1.2s;
}
.product-main .show-box a .name {
	text-align: center;
	font-size: 1.4rem;
	line-height: 46px;
}
.product-main .show-box a .name .type {
	color: #bcbcbc;
	display: inline-block;
	padding: 0 25px;
	border-top: 1px solid #bcbcbc;
}

@media only screen and (min-width:1200px) {
.product-main .show-box a:hover .pic img {
	opacity: 1;
}
.product-main .show-box a:hover .pic .ad {
	opacity: 1;
	transform: none;
	-webkit-transform: none;
}
}
/*joinUs*/

.joinus-body {
	margin-bottom: -90px;
	background-color: #f5f5f5;
	position: relative;
	z-index: 1;
}
.product-banner {
	background-image: url(../images/about-banner.jpg);
}
.joinus-main {
	position: relative;
	z-index: 1;
	background-color: #f5f5f5;
	top: -92px;
}
.joinus-main .company-introduce {
	padding: 44px 44px 38px 44px;
	font-size: 14px;
	line-height: 24px;
}
.joinus-main .company-introduce .tit {
	font-size: 30px;
	line-height: 36px;
	font-weight: 600;
	margin-bottom: 5px;
}
.joinus-main .store-show {
	position: relative;
}
.joinus-main .store-show >img {
	width: 100%;
}
.joinus-main .store-show .control-btn {
	width: 51px;
	height: 51px;
	background-position: center center;
	background-size: auto;
	background-color: #595959;
	cursor: pointer;
}
.joinus-main .store-show .control-btn:hover {
	background-color: #000;
}
.joinus-main .store-show .prev {
	left: 0;
	background-image: url(../images/arrow-left1.png);
}
.joinus-main .store-show .next {
	right: 0;
	background-image: url(../image/arrow-right1.png);
}
.joinus-main .store-show .select {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -32px;
	margin-left: -110px;
	width: 220px;
	height: 64px;
	z-index: 1;
	cursor: pointer;
}
.joinus-main .store-show .select:hover {
	background-color: #c7af82;
}
.joinus-main .store-show .select:hover select {
	background-color: #c7af82;
}
.joinus-main .store-show .select:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 36px;
	margin-top: -5px;
	width: 14px;
	height: 9px;
	background: url(../images/arrow-down.png) no-repeat center center;
	pointer-events: none;
}
.joinus-main .store-show .select select {
	display: block;
	padding-left: 24px;
	width: 100%;
	height: 64px;
	line-height: 64px;
	background: rgba(0, 0, 0, 0.74);
	font-size: 18px;
	color: #fff;
	text-align: left;
	cursor: pointer;
	outline: none;
	border: none;
	appearance: none;
	-webkit-appearance: none;
}
.joinus-main .stores {
	margin-top: 15px;
}
.joinus-main .stores ul {
	display: none;
}
.joinus-main .stores ul.active {
	display: block;
}
.joinus-main .stores .store-info {
	transition-duration: 1s;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
	position: relative;
	margin-bottom: 25px;
	padding-top: 1px;
	height: 140px;
	background-color: #fff;
	color: #2f2f2f;
	z-index: 1;
}
.joinus-main .stores .store-info:hover {
	box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .1);
}
.joinus-main .stores .store-info .info {
	padding-left: 56px;
	font-size: 14px;
	line-height: 22px;
}
.joinus-main .stores .store-info .info .en {
	margin-top: 20px;
	margin-bottom: 12px;
	text-transform: uppercase;
}
.joinus-main .stores .store-info .info .name {
	font-size: 18px;
}
.joinus-main .stores .store-info .info .tel {
	display: none;
}
.joinus-main .stores .store-info .map-link {
	position: absolute;
	top: 0;
	right: 0;
	width: 140px;
	height: 100%;
	border-left: 1px solid #e0e0e0;
	text-align: center;
}
.joinus-main .stores .store-info .map-link a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 140px;
	background: url(../images/MAP1.png)no-repeat center center;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
}
.joinus-main .stores .store-info .map-link a:hover {
	background-image: url(../images/MAP.png);
	background-color: #c7af82;
}
.joinus-main .addMore {
	margin: 55px auto 60px;
	overflow: hidden;
	position: relative;
	display: block;
	width: 156px;
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	border: 1px solid #000;
	text-align: center;
	text-transform: uppercase;
	font-family: "Adobe Devanagari";
}
.joinus-main .addMore:hover:before {
	left: 0;
}
.joinus-main .addMore:hover span {
	color: #fff;
}
.joinus-main .addMore span {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.joinus-main .addMore:before {
	content: "";
	position: absolute;
	left: -100%;
	width: 100%;
	height: 100%;
	background-color: #000;
	transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
}
.joinus-main .apply-to {
	background-color: #fff;
	padding: 60px 0 70px;
	text-align: center;
}
.joinus-main .apply-to .tit {
	margin-bottom: 30px;
	font-size: 12px;
	line-height: 36px;
}
.joinus-main .apply-to form {
	margin: 0 auto;
	width: 656px;
}
.joinus-main .apply-to form >div {
	position: relative;
	margin-bottom: 22px;
	text-align: left;
}
.joinus-main .apply-to form >div .btn_Prompt {
	top: 12px;
	right: -30px;
	bottom: auto;
}
.joinus-main .apply-to form input, .joinus-main .apply-to form select {
	padding-left: 25px;
	border: 1px solid #d2d2d2;
	outline: none;
	width: 100%;
	height: 50px;
	line-height: 50px;
	box-sizing: border-box;
	font-size: 14px;
}
.joinus-main .apply-to .submit-btn {
	margin-top: 40px;
	padding: 0;
	width: 200px;
	height: 35px;
	line-height: 35px;
	background-color: #000;
	color: #fff;
	cursor: pointer;
}
.joinus-main .apply-to form label {
	position: relative;
}
.joinus-main .apply-to form .agency-arrow {
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -4px;
	width: 13px;
	height: 8px;
	background: url(../images/select-arrow.png) no-repeat center center;
}
/*
 * 
 * activity-zone
 * 
 * 
 */

.activity-banner {
}
.activity-main {
	position: relative;
	margin-top: -92px;
	padding-bottom: 40px;
	background-color: #f5f5f5;
	z-index: 1;
}
.activity-main .box a {
	display: block;
	margin-bottom: 46px;
	background-color: #fff;
	box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.04);
	transition-duration: 1s;
}
.activity-main .box:last-of-type a {
	margin-bottom: 0;
}
.activity-main .box a:hover {
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
}
.activity-main .box .description {
	padding: 44px;
	padding-bottom: 38px;
}
.activity-main .box .description h2 {
	font-size: 28px;
	line-height: 50px;
}
.activity-main .box .description .content {
	font-size: 14px;
	line-height: 24px;
}
.activity-main .box a > img {
	display: block;
	max-width: 100%;
}
/*activityDel*/

.activityDel-banner {
}
/*
 *custom 
 *
 */

.custom-banner {
}
.custom-main {
	position: relative;
	margin-top: -92px;
	background-color: #f5f5f5;
	z-index: 1;
}
.custom-main .product-show {
	background-color: #fff;
}
.custom-main .product-show .theme {
	padding: 74px 44px 60px 44px;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
}
.custom-main .product-show .product-carousel {
	position: relative;
}
.custom-main .product-show .product-carousel .pic-box1 {
	position: relative;
}
.custom-main .product-show .product-carousel .pic-box1 > img {
	display: block;
	width: 100%;
}
.custom-main .product-show .product-carousel .pic-box1 .bg {
	position: absolute;
	top: 50%;
	left: 108px;
	margin-top: -172px;
	width: 422px;
	height: 344px;
	background-color: rgba(0, 0, 0, 0.37);
	color: #fff;
}
.custom-main .product-show .product-carousel .pic-box1 .bg .in-text {
	margin: 10px;
	padding: 0 26px;
	height: 324px;
	border: 1px solid #fff;
}
.custom-main .product-show .product-carousel .pic-box1 .bg h3 {
	margin-top: 30px;
	font-size: 48px;
	font-weight: 500;
	text-transform: uppercase;
}
.custom-main .product-show .product-carousel .pic-box1 .bg h3 span {
	display: block;
	margin-top: -10px;
	font-size: 28px;
}
.custom-main .product-show .product-carousel .pic-box1 .bg .cont {
	margin-top: 15px;
	text-align: justify;
	font-size: 14px;
	line-height: 24px;
}
.custom-main .product-show .product-carousel .control-btn {
	position: absolute;
	top: 50%;
	margin-top: -25px;
	width: 51px;
	height: 51px;
	background-color: #919191;
	cursor: pointer;
	background-size: auto;
}
.custom-main .product-show .product-carousel .prev {
	left: 0;
	background-image: url(../images/arrow-left1.png);
}
.custom-main .product-show .product-carousel .next {
	right: 0;
	background-image: url(../images/arrow-right1.png);
}
.custom-main .custom-method {/*overflow: hidden; */
	padding-bottom: 100px;
}
.custom-main .custom-method .tit {
	text-align: center;
	padding: 52px 0 42px;
}
.custom-main .custom-method .fill-form, .custom-main .custom-method .online-service, .custom-main .custom-method .hot-line {
	position: relative;
	float: left;
	width: 33%;
	height: 458px;
	text-align: center;
	padding-top: 36px;
	padding-bottom: 40px;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
}
.custom-main .custom-method .fill-form form {
	display: inline-block;
	margin-top: 20px;
	width: 80%;
}
.custom-main .custom-method .fill-form form >div {
	position: relative;
	margin-bottom: 22px;
	text-align: left;
}
.custom-main .custom-method .fill-form form >div .btn_Prompt {
	bottom: auto;
	top: 13px;
	left: auto;
	right: -30px;
}
.custom-main .custom-method .fill-form form input, .custom-main .custom-method .fill-form form select {
	padding-left: 25px;
	border: 1px solid #d2d2d2;
	outline: none;
	width: 100%;
	height: 50px;
	line-height: 50px;
	box-sizing: border-box;
	font-size: 14px;
}
.custom-main .custom-method .fill-form label {
	position: relative;
	width: 80%;
}
.custom-main .custom-method .fill-form label .agency-arrow {
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -4px;
	width: 13px;
	height: 8px;
	background: url(../images/select-arrow.png) no-repeat center center;
}
.custom-main .custom-method .fill-form label .agency-arrow img {
	display: block;
}
.custom-main .custom-method .fill-form form .submit-btn {
	margin-top: 10px;
	padding-left: 0;
	width: 200px;
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	color: #fff;
	background-color: #000;
	outline: none;
	cursor: pointer;
}
.custom-main .custom-method .des {
	margin-top: 80px;
	font-size: 18px;
	line-height: 24px;
	font-weight: 500;
}
.custom-main .custom-method .des span {
	display: block;
	margin-top: 10px;
	font-size: 14px;
	font-weight: normal;
}
.custom-main .custom-method .online-service a {
	position: absolute;
	display: inline-block;
	bottom: 55px;
	left: 50%;
}
.custom-main .custom-method .online-service a {
	margin-left: -100px;
	width: 200px;
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	color: #fff;
	background-color: #000;
}
.custom-main .custom-method .hot-line a {
	position: absolute;
	bottom: 55px;
	left: 0;
	width: 100%;
	font-size: 40px;
	text-align: center;
}

@media only screen and (min-width:1300px) {
.custom-main .custom-method .fill-form:hover, .custom-main .custom-method .online-service:hover, .custom-main .custom-method .hot-line:hover {
	background-color: #fff;
	box-shadow: 0 20px 40px 1px rgba(0, 0, 0, 0.1);
}
}
/*
 * 
 *brand-idea
 */

.brand-banner {
	background-image: url(../images/brand-banner.jpg);
}
.brand-banner .banner-mask {
	top: 45%;
}
.brand-main {
	position: relative;
	z-index: 1;
	background-color: #f5f5f5;
	margin-top: -92px;
}
.brand-main .brand-idea .theme {
	padding: 74px 44px 60px 44px;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
}
.brand-main .brand-idea .brand-concept {
	position: relative;
}
.brand-main .brand-idea .brand-concept:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .2);
	left: 0;
	top: 0;
	z-index: 0;
}
.brand-main .brand-idea .brand-concept>img {
	width: 100%;
	display: block;
}
.brand-line .brand-material .carousel .pic-wrap img {
	width: 100%;
	display: block;
}
.brand-line .brand-material .carousel .pic-wrap {
	position: relative;
}
.brand-main .brand-idea .brand-concept .idea img {
	max-width: 100%;
}
.brand-main .brand-idea .brand-concept .idea {
	position: absolute;
	left: 50px;
	bottom: 80px;
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	z-index: 1;
}
.brand-main .brand-info {
	padding-bottom: 64px;
}
.brand-main .brand-info .tit {
	padding: 74px 44px 60px 44px;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
}
.brand-main .brand-info .info-box {
	margin-bottom: 48px;
	height: 460px;
}
.brand-main .brand-info .info-box .info-wrap {
	float: left;
	margin-top: 100px;
	width: 25%;
	text-align: center;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
}
.brand-main .brand-info .info-box .info-wrap a {
	display: block;
	margin: 0 10px;
	padding: 18px 18px 30px 18px;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
}
.brand-main .brand-info .info-box .info-wrap:hover {
	margin-top: 0;
}
.brand-main .brand-info .info-box .info-wrap:hover a {
	background-color: #fff;
	box-shadow: 0 0 25px 1px rgba(0, 0, 0, 0.08);
	overflow: visible;
}
.brand-main .brand-info .info-box .info-wrap:hover a img {
	opacity: 1;
	height: 165px;
}
.brand-main .brand-info .info-box .info-wrap:hover a .findMore {
	opacity: 1;
	height: 36px;
}
.brand-main .brand-info .info-box .info-wrap:hover a .findMore:before {
	height: 2px;
}
.brand-main .brand-info .info-box .info-wrap a img {
	width: 100%;
	height: 0;
	opacity: 0;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
}
.brand-main .brand-info .info-box .info-wrap a h3 {
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left;
}
.brand-main .brand-info .info-box .info-wrap a .date {
	text-align: left;
}
.brand-main .brand-info .info-box .info-wrap a .abstract {
	height: 120px;
	overflow: hidden;
	font-size: 14px;
	line-height: 24px;
	text-align: justify;
}
.brand-main .brand-info .info-box .info-wrap a .findMore {
	position: relative;
	display: block;
	margin-top: 20px;
	text-transform: uppercase;
	text-align: left;
	font-size: 12px;
	line-height: 36px;
	height: 0;
	font-weight: 600;
	opacity: 0;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
}
.brand-main .brand-info .info-box .info-wrap a .findMore:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -18px;
	margin-top: -1px;
	width: 16px;
	height: 0;
	background-color: #000;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
	transition-delay: .5s;
	-webkit-transition-delay: .5s;
}
.brand-main .brand-info > a {
	overflow: hidden;
	position: relative;
	display: block;
	margin: 0 auto;
	width: 156px;
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	border: 1px solid #000;
	text-align: center;
	text-transform: uppercase;
}
.brand-main .brand-info > a:hover:before {
	left: 0;
}
.brand-main .brand-info > a:hover span {
	color: #fff;
}
.brand-main .brand-info > a span {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.brand-main .brand-info > a:before {
	content: "";
	position: absolute;
	left: -100%;
	width: 100%;
	height: 100%;
	background-color: #000;
	transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
}
.brand-line {
	position: relative;
	background-color: #f5f5f5;
	z-index: 1;
}
.brand-line .brand-material {
	padding-bottom: 100px;
}
.brand-line .brand-material .tit {
	padding: 74px 44px 60px 44px;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
}
.brand-line .brand-material .carousel {
	position: relative;
}
.brand-line .brand-material .carousel .pic-wrap img {
	width: 100%;
	display: block;
}
.brand-line .brand-material .carousel .pic-wrap {
	position: relative;
}
.brand-line .brand-material .carousel .desc {
	position: absolute;
	bottom: 0;
	left: 0;
	padding-left: 70px;
	padding-bottom: 42px;
	color: #fff;
}
.brand-line .brand-material .carousel .desc .left {
	width: 80%;
}
.brand-line .brand-material .carousel .desc h3 {
	font-size: 38px;
}
.brand-line .brand-material .carousel .desc .conte {
	margin-top: 15px;
	font-size: 14px;
	line-height: 24px;
}
.brand-line .brand-material .carousel .my-btn {
	top: auto;
	bottom: 55px;
	width: 51px;
	height: 51px;
	background-position: center center;
	background-color: #919191;
	background-size: auto;
	cursor: pointer;
}
.brand-line .brand-material .carousel .my-btn.swiper-button-disabled {
	opacity: 1;
	pointer-events: auto;
}
.brand-line .brand-material .carousel .my-btn:hover {
	background-color: #c7af82;
}
.brand-line .brand-material .carousel .prev-btn {
	left: auto;
	right: 143px;
	background-image: url(../images/arrow-left1.png);
}
.brand-line .brand-material .carousel .next-btn {
	right: 90px;
	background-image: url(../images/arrow-right1.png);
}
.brand-line .brand-material .carousel .pic-wrap:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	z-index: 0;
	background: rgba(0, 0, 0, .2);
	top: 0;
}
/*
 * brand-info
 * 
 * */

.brand-main .brand-information {
	padding-bottom: 64px;
}
.brand-main .brand-information .tit {
	padding: 74px 44px 60px 44px;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
}
.brand-main .brand-information .info-box {
	margin-bottom: 48px;
}
.brand-main .brand-information .info-box .info-wrap {
	float: left;
	margin-top: 40px;
	width: 25%;
	text-align: center;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
}
.brand-main .brand-information .info-box .info-wrap a {
	display: block;
	margin: 0 10px;
	padding: 18px 18px 30px 18px;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
	background-color: #fff;
	color: #333;
}
.brand-main .brand-information .info-box .info-wrap:hover a {
	background-color: #fff;
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
	overflow: visible;
}
.brand-main .brand-information .info-box .info-wrap a img {
	width: 100%;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
	height: 150px;
}
.brand-main .brand-information .info-box .info-wrap a li {
	height: 36px;
	line-height: 36px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left;
	font-weight: bold;
}
.brand-main .brand-information .info-box .info-wrap a .date {
	text-align: left;
	color: #666;
}
.brand-main .brand-information .info-box .info-wrap a .abstract {
	overflow: hidden;
	font-size: 14px;
	line-height: 26px;
	text-align: justify;
	height: 52px;
	color: #555;
}
.brand-main .brand-information .info-box .info-wrap a .findMore {
	position: relative;
	display: block;
	height: 36px;
	text-transform: uppercase;
	text-align: left;
	font-size: 12px;
	line-height: 36px;
	font-weight: 600;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
}
.brand-main .brand-information > a {
	margin-top: 40px;
	overflow: hidden;
	position: relative;
	display: block;
	margin: 0 auto;
	width: 156px;
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	border: 1px solid #000;
	text-align: center;
	text-transform: uppercase;
}
.brand-main .brand-information > a:hover:before {
	left: 0;
}
.brand-main .brand-information > a:hover span {
	color: #fff;
}
.brand-main .brand-information > a span {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.brand-main .brand-information > a:before {
	content: "";
	position: absolute;
	left: -100%;
	width: 100%;
	height: 100%;
	background-color: #000;
	transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
}

@media only screen and (max-width:1450px) {
.center1400 {
	width: 1200px;
	max-width: 100%;
}
/*品牌中心*/
.brand-line .brand-produce .float-box {
	width: 210px;
}
.brand-line .brand-produce .line {
	width: 60px;
}
/*产品详细*/
.scene-detail-main .box .detail h2 {
	margin-left: 40px;
}
.scene-detail-main .box .detail .models, .scene-detail-main .box .detail .product-size, .scene-detail-main .box .detail .product-color {
	margin-left: 40px;
}
.scene-detail-main .box .detail > a {
	margin-left: 40px;
}
}

@media screen and (max-width: 767px) {
/*产品详细*/
.scene-detail-main .theme {
	padding: 20px 3%;
}
.scene-detail-main .box .img-box {
	padding: 30px 0;
	width: 100%;
	height: auto;
	line-height: normal;
}
.scene-detail-main .box .detail {
	position: initial;
	width: 94%;
	padding: 0;
	padding-bottom: 25px;
	margin-left: 3%;
}
.scene-detail-main .box .detail h2 {
	margin-left: 20px;
	margin-bottom: 10px;
	font-size: 2.4rem;
}
.scene-detail-main .box .detail .models, .scene-detail-main .box .detail .product-size, .scene-detail-main .box .detail .product-color {
	margin-left: 20px;
	margin-bottom: 10px;
}
.scene-detail-main .box .detail > a {
	margin-top: 10px;
	margin-left: 20px;
}
.xgcp {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.xgcp ul {
	width: 48%!important;
	margin: 1%!important;
}
.xgcp ul li {
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 1px;
}
.xgcp ul li a img {
	max-height: 150px;
}
.xgcp ul p {
	text-align: center;
	line-height: 32px;
}
.xgcp ul p a {
	font-size: 14px;
}
.product-main .cpfl {
	margin: 20px auto 0;
	text-align: center;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.product-main .cpfl a {
	font-size: 12px;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
	background-color: #333;
	display: inline-block;
	color: #fff;
	width: 31%;
	margin: 1%;
	padding: 0px;
	height: 36px;
	line-height: 36px;
}
}

/********************************************************************************************************************************************/

@media screen and (max-width:1450px) {
footer .foot-nav {
	width: 96%;
}
.banner-in {
	height: 100vh;
}
/*index*/
.home-body .main-product .boxs {
	width: 96%;
}
.home-body .main-other .other1 .content {
	width: 90%;
}
.home-body .main-other .other2 {
	width: 90%;
}
.home-body .main-other .other2 .content .tits .e {
	width: 115%;
}
.home-body .main-other .other3 .content {
	width: 45%;
	left: 44%;
}
.home-body .main-other .other3:after {
	background-size: auto 65%;
}
/*公司文化*/
.about .culture .box {
	width: 96%;
}
/*发展历程*/
.about .history .content {
	width: 96%;
}
/*公司概况*/
.about .survey .content {
	width: 96%;
}
/*品牌咨询*/
.brand-main .brand-information .info-box .info-wrap a {
	margin: 0 5px;
	padding: 15px;
}
.brand-main .brand-information .info-box .info-wrap a .findMore {
	left: 3px;
}
/*服务中心*/
.service-center .main .main1 {
	width: 96%;
}
.service-center .main .main3 .content {
	width: 96%;
}
}

@media screen and (max-width:1024px) {
header .nav-top .memu {
	margin-right: 20px;
}
header .nav-top .memu #navToggle {
	left: -40px;
}
header .nav .nav-ul1 li {
	width: 140px;
	padding: 20px 0;
}
header .nav .nav-ul2 li {
	width: 140px;
	padding: 5px 30px;
}
header .nav .nav-ul2 li a:after {
	display: none;
}
header .nav {
	height: 380px;
	padding-top: 80px;
}
footer .foot-nav ul li a {
	padding: 0 30px;
}
.banner-in {
	background-attachment: scroll;
}
.banner-in .banner-mask {
	position: absolute;
	top: 40%;
}
.banner-in .banner-mask .tabs-btn {
	margin-top: 50px;
}
.banner-in .banner-mask .tabs-btn a {
	margin-bottom: 15px;
}
/*index*/
.tracker {
	display: none !important;
}
.banner .swiper-wrapper .swiper-slide .line-jd {
	top: auto;
	bottom: 0;
}
.home-body .main-product .boxs li {
	height: 200px;
}
.home-body .main-other .others {
	margin-bottom: 40px;
}
.home-body .main-other .other2 {
	width: 96%;
}
.home-body .main-other .other3:after {
	background-position: right bottom;
	background-size: 10% auto;
}
.home-body .main-other .other3 .content .tits .e {
	width: 80%;
}
.home-body .main-other .other3 {
	background-size: 45% auto;
}
.home-body .main-other .other3 .content {
	left: 48%;
}
.home-body .main-other .other3 .content .bg3 {
	margin-left: -80%;
	margin-top: 0;
}
/*公司文化*/
.tits img {
	width: 50%;
}
.about .culture .box {
	margin: 30px auto 50px;
}
.about .culture .box .text-box .stit {
	width: 100%;
}
/*发展历程*/
.about .history .content ul li {
	height: 300px;
}
.about .history .content ul li .box-r {
	padding: 60px 5%;
}
.about .history .content ul li .box-l img {
	width: 90%;
	height: auto;
}
/*公司概况*/
.about .survey .content {
	top: -50px;
}
.about .survey .box3 .text-box, .about .survey .box3 .img-box {
	float: none;
	width: 100%;
}
.about .survey .box3 .text-box {
	padding: 40px;
}
/*活动专区*/
.center1400 {
	width: 96%;
}
/*品牌中心*/
.brand-main .brand-info .info-box .info-wrap {
	margin-top: 0;
}
.brand-main .brand-info .info-box .info-wrap a {
	background-color: #fff;
	box-shadow: 0 0 25px 1px rgba(0, 0, 0, 0.08);
	overflow: visible;
	margin: 0 5px;
	padding: 10px 10px 30px;
}
.brand-main .brand-info .info-box .info-wrap a h3 {
	font-size: 18px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.brand-main .brand-info .info-box .info-wrap a img {
	opacity: 1;
	height: 165px;
}
.brand-main .brand-info .info-box .info-wrap a .findMore {
	opacity: 1;
	height: 36px;
	margin-left: 8px;
}
.brand-main .brand-info .info-box .info-wrap a .findMore:before {
	height: 2px;
}
.brand-main .brand-info .tit, .brand-line .brand-produce .tit {
	padding: 60px 0 40px;
	width: 70%;
	margin: 0 auto;
}
.brand-line .brand-produce {
	background-size: cover;
	height: auto;
	overflow: hidden;
}
.brand-line .brand-produce .brand-product-line {
	margin-top: 0;
	height: auto;
}
.brand-line .brand-produce .line {
	display: none;
}
.brand-line .brand-produce .float-box {
	background-color: #c7af82;
	margin: 0 25px 25px;
}
.brand-line .brand-produce .float-box .des {
	opacity: 1;
	height: auto;
}
.brand-line .brand-produce .float-box img {
	margin-top: 45px;
	margin-bottom: 24px;
}
.brand-line .brand-material .carousel .my-btn {
	width: 40px;
	height: 40px;
}
.brand-line .brand-material .carousel .prev-btn {
	right: 90px;
}
.brand-line .brand-material .carousel .next-btn {
	right: 40px;
}
/*品牌咨询*/
.brand-main .brand-information .info-box .info-wrap a {
	background-color: #fff;
	box-shadow: 0 0 25px 1px rgba(0, 0, 0, 0.08);
	overflow: visible;
	margin: 0 5px;
	padding: 10px 10px 30px;
}
.brand-main .brand-information .info-box .info-wrap a h3 {
	font-size: 18px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.brand-main .brand-information .info-box .info-wrap a img {
	opacity: 1;
	height: 165px;
}
.brand-main .brand-information .info-box .info-wrap a .findMore {
	opacity: 1;
	height: 36px;
	margin-left: 8px;
}
.brand-main .brand-information .info-box .info-wrap a .findMore:before {
	height: 2px;
}
/*在线定制*/
.custom-main .custom-method .hot-line a {
	font-size: 26px;
}
/*产品*/
.product-main .show-box a .name {
	margin-top: 0;
}
.show-list .swiper-container .imagesBox {
	background-size: 100% auto;
}
.show-list .swiper-pagination {
	color: #333;
}
.show-list.show .sbtips {
	display: none !important;
}
.show-list .go_shop {
	color: #333;
}
/*场景*/
.scene-box {
	width: 100%;
	margin: 0 auto;
}
.theme-title {
	padding-top: 36px;
}
.scene-box .scene-category {
	margin-bottom: 20px;
}
.scene-box .scene-category > img {
	filter: none;
	-webkit-filter: none;
}
.scene-box .scene-category .bg {
	top: 50%;
	left: 50%;
	margin-top: -64px;
	margin-left: -165px;
	width: 330px;
	height: 128px;
	background-color: #000;
	opacity: .5;
}
.scene-box .scene-category .text-box {
	margin-left: -157px;
	margin-top: -56px;
	width: 314px;
	height: 112px;
}
/*场景详情页*/
.scene-detail-main .box .detail h2 {
	font-size: 2.4rem;
}
/*服务中心*/
.service-center .main .main1 {
	top: 0;
	width: 100%;
}
.service-center .main .main1 .main1-top {
	padding: 40px 0;
}
.service-center .main .main1 .main1-bottom {
	position: relative;
}
.service-center .main .main1 .main1-bottom .list .tit1 img {
	max-width: 100%;
}
.service-center .main .main1 .main1-bottom .list ul li .r {
	margin-left: 65px;
}
.service-center .main .main1 .main1-bottom .img-box {
	width: 100%;
}
.service-center .main .main1 .main1-bottom .list {
	position: absolute;
	z-index: 1;
	right: 0;
	background: rgba(255, 255, 255, .8);
	height: 100%;
}
.service-center .main .main3 .content .information {
	padding: 30px 24px;
}
}

@media only screen and (max-width:768px) {
header .nav .nav-ul1 li {
	width: 110px;
	padding: 15px 0;
}
header .nav .nav-ul2 {
	margin-top: 15px;
}
header .nav .nav-ul2 li {
	width: 110px;
	padding: 5px 10px;
}
footer .foot-nav ul li a {
	padding: 0 15px;
}
.banner-in {
	height: 60vh;
}
.banner-in .banner-mask {
	top: 240px;
}
.banner-in .banner-mask .tabs-btn a {
}
/*index*/
.home-body .main-other .others {
	height: 500px;
}
.home-body .main-other .other1 .content-r .tits img {
	width: 100%;
}
.home-body .main-other .other2 {
	background-size: auto 100%;
	width: 100%;
}
.home-body .main-other .other2:after {
	height: 420px;
	margin-top: -210px;
}
.home-body .main-other .other2 .content {
	height: 420px;
	margin-top: -210px;
	padding: 50px 0 0 60px;
	width: 54%;
}
.home-body .main-other .other2 .content .tits .e {
	right: -8%;
}
.home-body .main-other .other3 .content {
	background: rgba(255, 255, 255, .8);
	padding: 20px;
	width: 60%;
	left: auto;
	right: 10%;
}
.home-body .main-other .other3 {
	background-size: 100% auto;
}
.home-body .main-other .other3:after, .home-body .main-other .other3 .content .bg3 {
	display: none;
}
/*公司文化*/
.about .history .content ul li {
	height: 230px;
}
/*活动专区*/
.activity-main .box .description {
	padding: 30px;
}
.activity-main .box .description h2 {
	font-size: 24px;
}
/*品牌中心*/
.brand-main .brand-info .tit, .brand-line .brand-produce .tit {
	width: 60%;
	margin: 0 auto;
}
.brand-main .brand-info .tit img, .brand-line .brand-produce .tit img {
	width: 100%;
}
.brand-main .brand-info .info-box {
	overflow: hidden;
	height: auto;
}
.brand-main .brand-info .info-box .info-wrap {
	width: 50%;
	margin-bottom: 10px;
}
.brand-line .brand-produce .float-box {
	margin: 0 15px 15px;
}
/*品牌资讯*/

.brand-main .brand-information .info-box .info-wrap {
	width: 50%;
	margin-bottom: 10px;
}
/*在线定制*/
.custom-main .custom-method {
	padding-bottom: 0;
}
.custom-main .product-show .theme {
	padding: 50px 40px;
}
.custom-main .product-show .product-carousel .pic-box1 .bg .in-text {
	height: 94%;
	top: 0;
	margin: 2%;
}
.custom-main .product-show .product-carousel .pic-box1 .bg {
	height: 100%;
	top: 0;
	margin: 0;
}
.custom-main .product-show .product-carousel .pic-box1 .bg h3 {
	font-size: 30px;
}
.custom-main .product-show .product-carousel .pic-box1 .bg h3 span {
	font-size: 24px;
}
.custom-main .custom-method .fill-form, .custom-main .custom-method .online-service, .custom-main .custom-method .hot-line {
	width: 100%;
	height: auto;
}
.custom-main .custom-method .des {
	margin: 20px auto 80px;
}
/*产品*/
.product-main .tabs {
	height: auto;
	margin: 40px auto 10px;
	text-align: center;
	width: 100%;
	font-size: 0;
}
.product-main .show-box a {
}
.product-main .show-box a .pic {
	position: relative;
	height: 125px;
	line-height: 125px;
	text-align: center;
	overflow: hidden;
}
.product-main .tabs a {
	width: 85px;
	float: none;
	width: 33%;
	height: 120px;
}
/*服务中心*/
.service-center .main .main1 .main1-bottom .list {
	width: 300px;
}
.service-center .main .main1 .main1-bottom .img-box img {
	width: auto;
}
}

@media only screen and (max-width:767px) {
header .nav {
	padding: 45px 10px 0;
	height: 100vh;
	top: -100vh;
}
header.toTop .nav-top {
	height: 40px;
}
header.toTop .nav-top .logo img, header.navOpen .nav-top .logo img {
	width: 45%;
	height: auto;
}
header .nav-top .memu {
	width: 0;
	margin-right: 0;
	line-height: 40px;
}
header .nav-top .memu img {
	display: none !important;
}
header .nav-top .memu #navToggle {
	top: 0;
	left: -36px;
}
header .nav-top .memu #navToggle span {
	width: 20px;
	height: 2px;
}
#navToggle span {
	top: 13px;
}
#navToggle span:nth-of-type(2), #navToggle span.span2 {
	top: 19px;
}
#navToggle span:nth-of-type(3), #navToggle span.span3 {
	bottom: 13px;
}
#navToggle.expanded span:nth-of-type(3), #navToggle.expanded span.span3 {
	bottom: 19px;
}
header .nav .nav-ul1 {
	padding: 10px 0;
}
header .nav .nav-ul1 li {
	width: 100%;
	padding: 5px 0;
}
header .nav .nav-ul2 {
	margin: 0;
	height: 0;
	width: 100%;
	transition: all .6s;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
}
header .nav .nav-ul1 li.cur.n1 .nav-ul2 {
}
header .nav .nav-ul1 li.cur.n2 .nav-ul2 {
	height: 340px;
}
header .nav .nav-ul2 li a {
	text-align: center!important;
	width: 100%!important;
}
header .nav .nav-ul1 li.cur.n3 .nav-ul2 {
}
header .nav .nav-ul1 li.cur.n4 .nav-ul2 {
}
header .nav .nav-ul1 li.cur.n5 .nav-ul2 {
}
header .nav .nav-ul1 li.cur.n6 .nav-ul2 {
}
footer {
	padding-top: 40px;
}
footer .img {
	width: 90%;
	margin-bottom: 30px;
}
footer .foot-nav {
	display: none;
}
footer .footer-links ul li a {
	margin: 0 10px;
}
footer .footer-links ul li a .ewm {
	width: 90px;
	height: 90px;
	margin-left: -45px;
	top: -130px;
}
footer .footer-links ul li a:hover .ewm {
	top: -100px;
}
footer .footer-links ul li a:after {
	display: block;
}
footer .footer-bottom ul li {
	border: none;
	text-align: center;
	width: 100%;
}
.banner-in .banner-mask {
	top: 40%;
}
.banner-in .banner-mask img {
	width: 80%;
}
.banner-in .banner-mask .tabs-btn {
	margin-top: 30px;
}
.banner-in .banner-mask .tabs-btn a {
	height: 24px;
	line-height: 24px;
	font-size: 12px;
}
/*index*/
.banner .swiper-wrapper .swiper-slide .bgs {
	background-size: auto 100%;
}
.banner .swiper-wrapper .swiper-slide .banner-text {
	width: 96%;
}
.banner .swiper-wrapper .swiper-slide .banner-text .text-box {
	min-width: 0;
	width: 100%;
}
.banner .swiper-wrapper .swiper-slide .banner-text .text-box .text1 {
	font-size: 36px;
}
.banner .swiper-wrapper .swiper-slide .banner-text .text-box .text2 {
	font-size: 18px;
}
.banner .swiper-wrapper .swiper-slide .banner-text .text-box .text3 {
	font-size: 12px;
	padding: 2px 10px;
}
.banner .banner-page {
	right: 50%;
	margin-right: -67px;
	bottom: 5%;
	width: 134px;
}
.home-body .main-product {
	padding: 40px 0;
}
.home-body .tits img {
	width: 45%;
}
.home-body .main-product .Tits {
	margin-bottom: 30px;
}
.home-body .main-product .Tits img {
	width: 50%;
}
.home-body .main-product .boxs li {
	padding: 2px;
	height: 100px;
}
.home-body .main-product .boxs li a > div .img-box {
	background-size: 50% auto;
	height: 75%;
}
.home-body .main-product .boxs li a > div span {
	font-size: 14px;
	height: 25%;
	overflow: hidden;
}
.home-body .main-product .boxs li a .box-f {
	display: none;
}
.home-body .main-other .other1:after {
	width: 60%;
}
.home-body .main-other .other1 .content {
	width: 100%;
}
.home-body .main-other .others {
	margin-bottom: 10px;
}
.home-body .main-other .others .text {
	font-size: 12px;
	margin: 10px auto 10px;
	text-align: justify;
}
.home-body .main-other .others .more {
	font-size: 12px;
	width: 110px;
}
.home-body .main-other .other1 {
	background-attachment: scroll;
}
.home-body .main-other .other1 .content-r {
	width: 60%;
	padding: 10% 15px;
}
.home-body .main-other .other2:after {
	display: none;
}
.home-body .main-other .other2 .content {
	width: 90%;
	padding: 10% 5%;
}
.home-body .main-other .other3 {
	background-size: auto 100%;
}
.home-body .main-other .other3 .content {
	width: 80%;
	padding: 30px 15px 0;
}
.home-body .main-other .other3 .content .tits {
	margin: 0;
}
.home-body .main-other .other3 .content .tits .e {
	width: 100%;
}
/*公司文化*/
.about .tits {
	padding: 40px 0 10px;
}
.tits img {
	width: 80%;
}
.about .culture .box {
	margin: 20px auto;
	height: auto;
}
.about .culture .box .img-box, .about .culture .box .text-box {
	width: 100%;
	float: none;
	height: auto;
}
.about .culture .box .text-box {
	padding: 20px 0;
}
.about .culture .box .img-box img {
	position: relative;
}
.about .culture .box .text-box .middle-box {
	position: static;
	-webkit-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}
.about .culture .box .text-box .lx {
	display: none;
}
/*发展历程*/
.about .history .content:after {
	display: none;
}
.about .history .content ul li {
	height: auto;
}
.about .history .content ul li .box-l, .about .history .content ul li .box-r {
	border: none !important;
	width: 100%;
}
.about .history .content ul li .box-l {
	padding: 20px 0 0;
}
.about .history .content ul li .box-l img {
	width: 100%;
}
.about .history .content ul li .box-r {
	padding: 5%;
}
.about .history .content .lx.lingxing2 {
	bottom: 40px;
}
/*公司概况*/
.about .survey .content {
	top: -30px;
}
.about .survey .box1, .about .survey .box3 .text-box {
	padding: 30px 20px;
	text-align: justify;
}
/*加盟店  加入我们*/
.joinus-body {
	margin: 0;
}
.joinus-main {
	top: 0
}
.joinus-main .company-introduce {
	padding: 20px 15px 10px;
	text-align: justify;
}
.joinus-main .company-introduce .tit {
	padding-left: 5px;
}
.joinus-main .stores .store-info {
	margin-bottom: 15px;
}
.joinus-main .stores .store-info .map-link {
	width: 100%;
	border: none;
}
.joinus-main .stores .store-info .map-link a {
	background-position: 92% center;
}
.joinus-main .stores .store-info .info {
	padding: 0 20% 0 20px;
}
.joinus-main .apply-to .tit {
	line-height: 20px;
	padding: 0 10px;
}
.joinus-main .apply-to .tit img {
	width: 80%;
	margin-bottom: 10px;
}
.joinus-main .apply-to form {
	width: 80%;
}
.joinus-main .apply-to {
	padding: 40px 0 70px;
}
.joinus-main .apply-to form input, .joinus-main .apply-to form select {
	height: 40px;
	line-height: 40px;
	padding-left: 10px;
}
.joinus-main .apply-to form >div {
	margin-bottom: 18px;
}
.joinus-main .apply-to form >div .btn_Prompt {
	right: -24px;
	top: 10px;
}
.joinus-main .apply-to .submit-btn {
	margin-top: 20px;
}
.err-text {
	font-size: 10px;
	bottom: -16px;
}
/*活动专区*/
.center1400 {
	width: 100%;
	margin-top: 0;
}
.activity-main .box .description {
	padding: 20px 15px;
	text-align: justify;
}
.activity-main .box .description h2 {
	font-size: 18px;
	line-height: 40px;
}
.activity-main .box .description .content {
	font-size: 12px;
	line-height: 20px;
}
/*详情页*/
.model_news_detail .title {
	font-size: 18px;
	line-height: 28px;
}
/*品牌中心*/
.brand-main .brand-idea .theme {
	padding: 20px 5px;
}
.brand-main .brand-idea .brand-concept>img {
	width: auto;
	height: 100%;
}
.brand-main .brand-idea .brand-concept .idea {
	left: 10px;
	right: 10px;
}
.brand-main .brand-info .info-box .info-wrap {
	width: 100%;
}
.brand-main .brand-info .tit, .brand-line .brand-produce .tit {
	width: 80%;
}
.brand-line .brand-material .tit img {
	width: 100%;
}
.brand-line .brand-produce {
	padding-top: 0;
}
.brand-line .brand-material .carousel .pic-wrap img {
	width: auto;
	height: 450px;
}
.brand-line .brand-material .carousel .desc {
	padding-left: 20px;
	bottom: auto;
	top: 30px;
}
.brand-line .brand-material .carousel .desc .left {
	width: 90%;
}
.brand-line .brand-material .carousel .my-btn {
	bottom: 20px;
	right: 20px;
}
.brand-line .brand-material .carousel .prev-btn {
	right: 70px;
}
/*品牌资讯*/
.brand-main .brand-information .info-box .info-wrap {
	width: 100%;
	margin: 20px 0 0;
}
.brand-main .brand-information .info-box .info-wrap a {
	margin: 0 10px;
}
/*在线定制*/
.custom-main .product-show .theme {
	padding: 40px 20px;
}
.custom-main .custom-method .tit img {
	width: 80%;
}
.custom-main .product-show .product-carousel .pic-box1 {
	min-height: 450px;
}
.custom-main .product-show .product-carousel .pic-box1 > img {
	height: 450px;
	width: auto;
}
.custom-main .product-show .product-carousel .pic-box1 .bg {
	width: 100%;
	left: 0;
}
.custom-main .product-show .product-carousel .control-btn {
	width: 40px;
	height: 40px;
}
.custom-main .custom-method .fill-form, .custom-main .custom-method .online-service, .custom-main .custom-method .hot-line {
	padding-top: 10px;
}
.custom-main .custom-method .fill-form form >div {
	margin-bottom: 18px;
}
.custom-main .custom-method .fill-form form >div .btn_Prompt {
	right: -24px;
}
/*产品*/
.product-main .show-box a {
	width: 48%;
	margin: 1%;
}
.product-main .show-box a .pic {
	height: 125px;
	max-height: 125px;
	background-color: #fff;
}
.product-main .tabs a {
	height: 125px;
}
.product-main .tabs a .nums {
	display: none;
}
.product-main .theme-title {
	margin-bottom: 0;
}
.product-main .theme-title img {
	width: 45%;
}
.product-main .show-box a .pic img {
	display: inline-block;
	vertical-align: middle;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
	max-width: 100%;
	max-height: 100%;
}
/*弹出框*/
.show-list .swiper-container .my-btn {
	background-color: #c7af82;
	width: 30px;
	height: 30px;
	background-size: auto 70%;
	right: 5px;
}
.show-list .swiper-container .my-btn.prev {
	right: auto;
	left: 5px;
}
.swiper-button-next, .swiper-button-prev {
	margin-top: -15px;
}
.show-list .go_shop {
	bottom: 50px;
	left: 25px;
}
/*场景*/
.scene-box .scene-category .bg {
	width: 294px;
	margin-left: -147px;
}
.scene-box .scene-category .text-box {
	width: 280px;
	margin-left: -140px;
}
.scene-box .scene-category .text-box h3 {
	font-size: 2.4rem;
}
.scene-body .theme-title {
	margin-bottom: 20px;
}
.scene-body .theme-title img {
	width: 27%;
}
/*场景详情页*/
.scene-detail-main .box .detail h2 {
	font-size: 2rem;
}
/*服务中心*/
.service-center .main .main1 .main1-bottom .list {
	width: 100%;
}
.service-center .main .main1 .main1-bottom .list .tit1 {
	width: 60%;
}
.service-center .main .main1 .main1-bottom .img-box {
	height: 530px;
}
.service-center .main .main2 {
	background-attachment: scroll;
}
.service-center .main .main2 .tit {
	padding: 25px 0;
}
.service-center .main .main2 .tit img {
	width: 80%;
}
.service-center .main .main2 #problemDeedback .input-box {
	width: 96%;
	margin-bottom: 18px;
}
.service-center .main .main3 {
	padding: 10px 0;
}
.service-center .main .main3 .tit img {
	width: 60%;
}
.service-center .main .main3 .content .information {
	padding: 20px 15px;
}
.service-center .main .main3 .content .information ul li {
	font-size: 14px;
	line-height: 20px;
	padding: 5px 0;
	padding-left: 40px;
}
.service-center .main .main3 .content .information .ewms {
	float: left;
	margin-top: 10px;
}
.service-center .main .main3 .content .information .ewms .ewm-box {
	margin-left: 0;
	margin-right: 15px;
}
.service-center .main .main3 .content .map {
	height: 400px;
}
}
.more-load {
	margin: 55px auto 60px;
	overflow: hidden;
	position: relative;
	display: block;
	width: 156px;
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	border: 1px solid #000;
	text-align: center;
	text-transform: uppercase;
	font-family: "Adobe Devanagari";
}
.more-load span {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.more-load:before {
	content: "";
	position: absolute;
	left: -100%;
	width: 100%;
	height: 100%;
	background-color: #000;
	transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
}
.more-load:hover span {
	color: #fff;
}
.more-load:hover:before {
	left: 0;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
	opacity: 0
}
#map img {
	max-width: none;
}
.page {
	margin: 0px auto;
	display: flex;
	justify-content: center;
}
.page li {
	padding: 3px 12px;
	border: 1px solid #999;
	margin: 0px 5px;
}
.page li a {
	color: #999;
}
.page .current {
	background-color: #333;
}
.page .current a {
	color: #fff;
}
.page li:hover {
	background-color: #333;
	color: #fff;
}
.page li:hover a {
	color: #fff;
}
.mup1 {
	border-bottom: 1px solid #ccc;
	padding-bottom: 3px;
	margin-top: 5px;
	margin-bottom: 8px;
}
.nyxw2 {
	line-height: 36px;
	height: 36px;
	border-bottom: 1px dotted #ccc;
	overflow: hidden;
}
.lb {
	line-height: 32px;
}
.gd {
	float: right;
}
.message {
	margin: 0px auto;
	max-width: 360px;
}
.message dt {
	float: left;
	width: 70px;
	height: 30px;
	clear: both;
	font-weight: normal;
	font-size: 14px;
	line-height: 30px;
	margin-bottom: 15px;
}
.message dd {
	float: left;
	margin-bottom: 15px;
}
.message input {
	line-height: 30px;
	height: 30px;
	border: 1px solid #ccc;
	width: 288px;
}
.message textarea {
	border: 1px solid #ccc;
	width: 288px;
	line-height: 24px;
	height: 72px;
}
.message p {
	clear: both;
}
.sub {
	height: 30px;
	width: 80px!important;
}
/*首页新闻*/
.news {
	overflow: hidden;
	margin: 20px auto;
	width: 1200px;
}
.news .newsnav {
	overflow: hidden;
}
.news .newsnav .tit li {
	font-size: 40px;
	color: #535353;
	font-weight: bold;
}
.news .newsnav .tit p {
	margin-top: 10px;
}
.news .tabcon {
	padding: 3% 0px;
	overflow: hidden
}
.news .tabcon .imgbox {
	width: 450px;
	float: left;
}
.news .tabcon .imgbox .newsimg img {
	width: 100%;
	height: 320px;
}
.news .tabcon .imgbox .newstit {
	display: block;
	color: #000;
	font-size: 18px;
	padding: 10px 0px;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.news .tabcon .imgbox .summary {
	color: #999;
	line-height: 26px;
	height: 52px;
	overflow: hidden;
	font-size: 14px;
}
.news .tabcon .listbox {
	width: 700px;
	float: right;
}
.news .tabcon .listbox .item {
	overflow: hidden;
	margin-bottom: 20px;
}
.news .tabcon .listbox .item .date {
	float: left;
	width: 80px;
	margin-right: 30px;
	font-size: 16px;
	text-align: right;
	color: #999999;
	padding-top: 60px;
}
.news .tabcon .listbox .item .date b {
	font-weight: bold;
	font-size: 24px;
	color: #333333;
}
.news .tabcon .listbox .item .info {
	overflow: hidden;
	float: left;
	width: 535px;
	padding: 10px 0px 10px 30px;
	border-left: 1px solid #ddd;
}
.news .tabcon .listbox .item .info a.tit {
	display: block;
	font-size: 18px;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
}
.news .tabcon .listbox .item .info a.tit:hover {
	color: #f7800f;
	margin-left: 10px;
}
.news .tabcon .listbox .item .info .summary {
	color: #999999;
	line-height: 28px;
	height: 56px;
	overflow: hidden;
	margin-top: 10px;
}

@media screen and (min-width: 960px) and (max-width: 1440px) {
.news {
	overflow: hidden;
	margin-top: 30px;
}
.news .newsnav .tabnav a {
	font-size: 14px;
	padding: 5px 20px;
	height: 26px;
	line-height: 26px;
}
.news .tabcon .listbox .item .date b {
	font-size: 20px;
}
.news .tabcon .listbox .item .info .view {
	margin-top: 10px;
	display: block;
}
}

@media (max-width: 960px) {
.news {
	overflow: hidden;
	margin: auto;
	width: 96%;
	padding: 5% 2%;
}
.news .newsnav .tit {
	float: none;
	width: 100%;
	overflow: hidden
}
.news .newsnav .tit li {
	font-size: 22px;
	float: left;
}
.news .newsnav .tit p {
	margin-top: 2px;
	float: right;
	font-size: 14px;
}
.news .newsnav .tabnav {
	float: none;
	padding-top: 10px;
	width: 100%;
	overflow: hidden;
}
.news .tabcon {
	padding: 3% 0px;
	height: auto;
	overflow: hidden
}
.news .tabcon .imgbox {
	width: 100%;
	float: none;
	border-bottom: 1px solid #ddd;
	padding-bottom: 3%
}
.news .tabcon .imgbox .newsimg img {
	width: 100%;
	height: auto;
}
.news .tabcon .imgbox .newstit {
	font-size: 16px;
	padding: 10px 0px;
	width: 100%;
}
.news .tabcon .imgbox .summary {
	line-height: 160%;
	height: auto;
	overflow: hidden;
}
.news .tabcon .listbox {
	width: 100%;
	float: none;
}
.news .tabcon .listbox .item {
	overflow: hidden;
	margin-bottom: 0;
	padding: 15px 0;
}
.news .tabcon .listbox .item .date {
	float: left;
	width: 15%;
	margin-right: 0;
	font-size: 14px;
	text-align: left;
	padding-top: 0px;
}
.news .tabcon .listbox .item .date b {
	font-weight: bold;
	font-size: 16px;
	color: #333333;
}
.news .tabcon .listbox .item .info {
	overflow: hidden;
	float: right;
	width: 85%;
	padding: 0;
	border-left: none;
}
.news .tabcon .listbox .item .info a.tit {
	display: block;
	font-size: 16px;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.news .tabcon .listbox .item .info .summary {
	color: #999999;
	line-height: 150%;
	height: auto;
	overflow: hidden;
	margin-top: 5px;
}
.news .tabcon .listbox .item .info .view {
	margin-top: 10px;
	display: none;
}
}

@media (max-width: 767px) {
.home-body .main-other .other3 {
	background: url(../images/index-bg3.jpg) no-repeat center top;
	margin: 0px;
	background-size: auto 100%;
}
.prolist {
	width: 100%;
	padding: 10px 0;
	overflow: hidden;
}
.prolist dl {
	float: left;
	margin: 0 1%;
	width: 48%;
	height: auto;
	line-height: 0px;
}
.prolist dt {
	width: 96%;
	height: auto;
	text-align: center;
	border: 1px solid #CCCCCC;
	padding: 2px;
}
.prolist dt a {
	width: 100%;
}
.prolist dd {
	text-align: center;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	font-size: 14px;
	width: 100%;
}
.pro_list_img {
	width: 100%;
	height: 174px;
	display: table-cell;
	vertical-align: middle;
	margin: 0px;
	float: none;
	line-height: 0px;
	font-size: 0px;
}
.prolist dt .pro_list_img img {
	padding: 0px;
	border: none;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	display: block;
	margin: auto;
	line-height: 0px;
	font-size: 0px;
}
.prolist dl dd a {
	color: #333;
}
}

@media (min-width: 768px) {
.prolist {
	width: 100%;
	padding: 10px 0;
	overflow: hidden;
}
.prolist dl {
	float: left;
	margin: 0 1%;
	width: 23%;
	height: auto;
	line-height: 0px;
}
.prolist dt {
	width: 96%;
	height: auto;
	text-align: center;
	border: 1px solid #CCCCCC;
	padding: 2px;
}
.prolist dt a {
	width: 100%;
}
.prolist dd {
	text-align: center;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	font-size: 14px;
	width: 100%;
}
.pro_list_img {
	width: 100%;
	height: 174px;
	display: table-cell;
	vertical-align: middle;
	margin: 0px;
	float: none;
	line-height: 0px;
	font-size: 0px;
}
.prolist dt .pro_list_img img {
	padding: 0px;
	border: none;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	display: block;
	margin: auto;
	line-height: 0px;
	font-size: 0px;
}
.prolist dl dd a {
	color: #333;
}
}

@media (max-width: 767px) {
.mobil {
	display: block;
}
}

@media (min-width: 768px) {
.mobil {
	display: none;
}
}
.sysp {
	width: 43%;
}

@media (max-width: 768px) {
.sysp {
	width: 100%!important;
}
.home-body .main-other .other3 .content{display: none;}
}